从 Java 调用 Android WebView 中的 jQuery 函数？

Question

我正在尝试调用在 html 中定义的 javascript 函数 就像

WebView.loadUrl("javascript:hoge()");

我可以调用非 jQuery 函数，但我无法调用我在 '$(document).ready(function(){})(jQuery);' 中定义的函数，如下所示。

<script>
//I can call this function by webview.loadUrl("javascript:something()");
function something(){
    //do something
}

$(document).ready(function(){
    //but I can't call this function by webview.loadUrl("javascript:hoge()");
    function hoge(){
        //do something.
    }
})(jQuery);
</script>

有没有办法像普通的 JavaScript 函数一样从 Java 调用hoge()？

我发现即使该函数不在 '$(document).ready(function(){})(jQuery);' 内，我也可以使用 jQuery 选择器，但我还发现，通过该解决方法，我无法使用额外的jQuery 库。

Bellow是实际的代码。

https://github.com/YoshimuraSei/AndrOutliner/tree/master/Outliner

这是 html 文件 https://github.com/YoshimuraSei/AndrOutliner/blob /master/Outliner/assets/www/treeview.html

这是我试图调用javascript函数的java代码。 https://github.com /YoshimuraSei/AndrOutliner/blob/master/Outliner/src/com/yslibrary/android/outliner/TreeViewFragment.java

上线100，我正在尝试调用javascript函数'test1()'（参见html文件的第34行），并且可以调用它，因为当前它不在'$(document).ready(function(){})(jQuery );'，但我无法从 test1() 调用额外的 jQuery 库方法“nestedSortable()”。

我该如何解决这个问题？

编辑：
或者这只是加载 jQuery 库和插件的时间？
将 html 加载到 webview 后出现这些错误。

Uncaught TypeError: Cannot read property 'mouse' of undefined--From line 7 of file:///android_asset/www/js/jquery.ui.mouse.touch.js
Uncaught TypeError: Cannot read property 'sortable' of undefined--From line 15 of file:///android_asset/www/js/jquery.ui.nestedSortable.js

'mouse' 和 'sortable' 是 jquery.ui 的属性，应该在加载这两个文件之前加载，所以我认为加载顺序有点奇怪。 有什么想法吗？

Answer 1

我目前是一名 JavaScript 工程师。从这次经历中，我现在知道出了什么问题。
这是一个范围和范围。与时序相关的问题。
$(document).ready(function(){}); 中的函数无法从外部调用，因为它们不是全局的。如果你想从外部调用它们，你必须将其设置为全局。并且您必须等到 javascript 完全加载并准备好使用。

$(document).ready(function(){
    // make it global function
    window.foo = function(){
        //do something.
    }

    // call java method that notifies java that js is ready to use.
    // (you should implement JavascriptInterface class & method)
    window.JsInterface.jsReady();
})(jQuery);

1. 您必须将函数公开给全局。
2. 你必须等到 javascript 准备好。

Answer 2

您可以做的是在调用 webview 时传递查询字符串参数（例如 method=hoge）。

然后在你的javascript中你可以检查参数是否存在并相应地运行hoge()方法

不确定你是否感兴趣，但你也可以使用android javascript接口从javascript调用你的android java代码，请参阅http://developer.android.com/guide/webapps/webview.html

Answer 3

好吧，你总是可以使用 webview 的 loadUrl 方法调用 javascript 函数；

myWebView.loadUrl("Javascript: alert('test');");

Answer 4

只需在您的 html 文件中添加一个 jquery 函数并命名为例如 show_main_pop ：

function show_main_pop(){
  $('#r_and_h').fadeIn(500);
}

并在 android studio 中调用此函数，如下所示：

webframe.loadUrl("javascript: show_main_pop();")