Question

我已经加入了Jquery＆amp; Jquery移动最新版本。

我基本上试图使用移动按钮来调用JavaScript函数，但遇到问题。

这在Chrome中运行良好，但在playbook上没有网页（这是我得到错误的地方）

<script type="text/javascript" src="js/personSearch.js" ></script>

包含我的自定义JavaScript代码

在该文件中，我有以下代码

    function testme()
{
    alert("tet");
}

我尝试了以下所有方法：

<input type="button" onclick="testme();" value="Button" />
<a id="psClear" href="javascript:testme();" data-role="button" data-inline="true">Clear</a>

对于他们所有我得到的错误： mainMenu.html：1ReferenceError：找不到变量：testme

我认为它与J查询Mobile渲染按钮的方式有关，但不确定......

更新

如果我在页面中加载rel =“external”之前在javascript中加载并且工作正常，但是重新加载所有脚本，并且在没有rel =“exnteral”的情况下无法工作

    <link  rel="stylesheet" type="text/css" href="css/jqueryMobileCSS.css">
    <link  rel="stylesheet" type="text/css" href="css/customStyle.css">
    <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="js/jqueryMobile.js"></script>
    <script src="js/eBar.js"></script>
    <script src="js/moment.min.js"></script>
    <script src="js/ain.js"></script>
    <script src="js/tleBar.js"></script>
    <script type="text/javascript" src="js/ps.js" ></script>

所以没有rel =“external”js / ps.js似乎没有加载...... 位于两个页面上的脚本完全相同，但新页面有js / ps，js加载，以及... 感谢

Answer 1

请勿使用内嵌 Javascript（read why here）来调用函数。看起来您遇到的错误与您的personSearch.js文件未加载这一事实有关，因此该函数可能不存在。使用Chrome / Firebug JS控制台检查该功能是否明确定义，然后使用类似以下内容的内容创建另一个脚本：

$(document).bind('pageinit',function () {
    $("#psClear").on('click',function(){
      testme();
     });
});

这将确保在将click事件绑定到按钮之前已加载并准备好DOM。确保在 personSearch.js脚本之后加载此脚本。

Jquery移动按钮问题

1 个答案: