Jquery 在混合 android 中不起作用，但在 web 中工作

Question

我尝试在我的混合应用程序中进行这项工作，但是它不想运行，有人知道为什么它不起作用吗？

jQuery().ready(function () {

        $("#b4all_about").bind('click', function (e) {
            //alert();
            $("#tbb4all_about").removeClass("b4DisplayNone").addClass("b4DisplayBlock");
            $("#tbb4all_works").removeClass("b4DisplayBlock").addClass("b4DisplayNone");
            $("#tbb4all_join").removeClass("b4DisplayBlock").addClass("b4DisplayNone");
        });
        $("#b4all_works").bind('click', function (e) {
            $("#tbb4all_about").removeClass("b4DisplayBlock").addClass("b4DisplayNone");
            $("#tbb4all_works").removeClass("b4DisplayNone").addClass("b4DisplayBlock");
            $("#tbb4all_join").removeClass("b4DisplayBlock").addClass("b4DisplayNone");
        });
        $("#b4all_join").bind('click', function (e) {
            `enter code here`$("#tbb4all_about").removeClass("b4DisplayBlock").addClass("b4DisplayNone");
            $("#tbb4all_works").removeClass("b4DisplayBlock").addClass("b4DisplayNone");
            $("#tbb4all_join").removeClass("b4DisplayNone").addClass("b4DisplayBlock");
        });
});

我的 MainActivity 看起来像：

WebView web = new WebView(this);
SetContentView(web);
web.Settings.JavaScriptEnabled = true;
web.AddJavascriptInterface(new JS2CS(this), "JS2CS");
web.LoadUrl(mobile2.security.key.content);

按钮如下：

<div style="width: 100%; align-items: center">
   <div class="sGeneral" id="b4all_about">About us</div>
   <div class="sGeneral" id="b4all_works">How it works</div>
   <div class="sGeneral" id="b4all_join">Join us</div>
</div>

和隐藏的div是这样的：

 <table>
    <tr>
        <td>
            <div id="tbb4all_about" class="b4DisplayNone">1</div>
            <div id="tbb4all_works" class="b4DisplayNone">2</div>
            <div id="tbb4all_join" class="b4DisplayBlock">3</div>
        </td>
    </tr>
</table>

事情可能是一个问题，但我不确定它是一个网络应用程序，但使用普通的 jquery 作为：

<script src="js/jquery-2.1.1.min.js"></script>
<script src="js/jquery-ui-1.10.4.js" type="text/javascript"></script>
<link href="css/ui-lightness/jquery-ui-1.10.4.min.css" rel="stylesheet" />
<link href="css/ui-lightness/jquery-ui-1.10.4.css" rel="stylesheet" />

已经谢谢你的好建议）

-----更新-----我检查了 Xamarin 中的日志，看到了这个：

E/eglCodecCommon(2140): **** ERROR 未知类型 0x65080020 (glSizeof,73) “Uncaught SyntaxError: Unexpected token <”，来源： http : //192.168.0.16 :8081/home.aspx/js/jquery-2.1 .1.min.js (3) I/chromium(2140): [INFO:CONSOLE(3)] "Uncaught SyntaxError: Unexpected token <", source: http://192.168.0.16:8081/home.aspx/js /jquery-2.1.1.min.js(3)《Uncaught SyntaxError: Unexpected token <》，来源： http : //192.168.0.16 : 8081/home.aspx/js/jquery-ui-1.10.4.js ( 3）“Uncaught ReferenceError: $ is not defined”，来源： http : //192.168.0.16 : 8081 /home.aspx/ (53) I/chromium(2140): [INFO:CONSOLE(3)] “Uncaught SyntaxError:意外令牌<"，来源： http : //192.168.0.16 : 8081/home.aspx/js/jquery-ui-1.10.4.js (3)

不知道为什么它会尝试像这样加载 js 脚本，我应该如何将 jquery 包含到客户端？

我找到了它无法加载的原因，我已将其包含到我加载到混合 android 应用程序中的网页中，这加载不好。 我是否应该将这些包含到应用程序中，还有其他对 jquery 包含的引用。

我的 jQuery 是这样的：

<script src="/js/jquery-2.1.1.min.js"></script>
<script src="/js/jquery-ui-1.10.4.js" type="text/javascript"></script>
<link href="/css/ui-lightness/jquery-ui-1.10.4.min.css" rel="stylesheet" />
<link href="/css/ui-lightness/jquery-ui-1.10.4.css" rel="stylesheet" />

Answer 1

尝试这个

WebView wb = new WebView(this);
    wb.getSettings().setJavaScriptEnabled(true);
    wb.getSettings().setDomStorageEnabled(true);
    wb.getSettings().setAllowFileAccessFromFileURLs(true);
    wb.getSettings().setJavaScriptCanOpenWindowsAutomatically(true);

将上述功能添加到您的 webView。 它可能有效，我没有测试过。

Answer 2

它的工作正常。尝试执行它。

我的问题是 Https。 当我在 xamarin.android 中使用 http 时，它会抛出上述错误。 但是在 https 上工作正常。

<html>
<body>
    <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
    <h1>HybridWebView Test</h1>
    <br />
    Enter name: <input type="text" id="name">
    <br />
    <br />
    <button type="button" onclick="javascript: invokeCSCode($('#name').val());">Invoke C# Code</button>
    <br />
    <p id="result">Result:</p>
    <script type="text/javascript">
        function log(str) {
            $('#result').text($('#result').text() + " " + str);
        }

        function invokeCSCode(data) {
            try {
                log("Sending Data:" + data);
                invokeCSharpAction(data);
            }
            catch (err) {
                log(err);
            }
        }
    </script>
</body>
</html>

Jquery 在混合 android 中不起作用，但在 web 中工作

问题描述

2 个解决方案

解决方案1
0 2015-02-24 18:17:42

解决方案2
0 2020-06-04 16:09:27

它的工作正常。尝试执行它。

Jquery 在混合 android 中不起作用，但在 web 中工作

问题描述

2 个解决方案

解决方案1 0 2015-02-24 18:17:42

解决方案2 0 2020-06-04 16:09:27

它的工作正常。 尝试执行它。

解决方案1
0 2015-02-24 18:17:42

解决方案2
0 2020-06-04 16:09:27

它的工作正常。尝试执行它。