Android WebView getElementById（'math'）不能动态工作

Question

我有一个WebView，我使用以下代码加载了MathJax.js。

webView.loadDataWithBaseURL("","<script type='text/javascript' "
                  + "src="+ url +"></script>"
                  + "<span id='math'></span>"
                  /** 
                    I want set text dynamically for above span tag
                    using following script.
                   **/
                  + "<script type='text/javascript'>"
                  + "document.getElementById(\"math\").innerHTML='\\\\["+doubleEscapeTeX(question.getQuestion())+"\\\\]';"
                  + "</script>","text/html","utf-8","");

我想使用下面的<script> 为上面的<span> 标签动态设置文本。

<script type='text/javascript'>
   document.getElementById(\"math\").innerHTML='\\\\"+doubleEscapeTeX(question.getQuestion())+"\\\\]';"
</script>

如何使用WebView 重新设置？

简而言之，我只想加载一次 javascript，而其他内容每次都动态加载。

您的帮助将不胜感激。

Answer 1

尝试使用

"$(function() { ... });" 

或

 "$(document).ready(function() { ... });".

<script type='text/javascript'>
   $(document).ready(function() {
    document.getElementById(\"math\").innerHTML='\\\\"+doubleEscapeTeX(question.getQuestion())+"\\\\]';"
   });
</script>