Javascript 使用外部脚本和jQuery Mobile时发生未捕获引用错误_Javascript_Jquery_Html_Jquery Mobile

Javascript 使用外部脚本和jQuery Mobile时发生未捕获引用错误

javascript jquery html jquery-mobile

Javascript 使用外部脚本和jQuery Mobile时发生未捕获引用错误,javascript,jquery,html,jquery-mobile,Javascript,Jquery,Html,Jquery Mobile,我正在尝试创建一个web应用程序，但无法使我的javascript正常工作当使用新启动的浏览器加载页面时，我会看到“uncaughtreferenceerror:getResult未定义”位于js/ajax.js中，但当我刷新页面时，一切正常。我已尝试移动脚本加载发生的位置，但无法使其工作我发现了一堆类似的问题，但他们似乎建议在里面加载脚本，不要使用$document.ready，我已经在这样做了。有人吗编辑：我注意到，只有从另一个jQuery移动页面转到该页面时，才会发生错误 Inde

我正在尝试创建一个web应用程序，但无法使我的javascript正常工作

当使用新启动的浏览器加载页面时，我会看到“uncaughtreferenceerror:getResult未定义”位于js/ajax.js中，但当我刷新页面时，一切正常。我已尝试移动脚本加载发生的位置，但无法使其工作

我发现了一堆类似的问题，但他们似乎建议在里面加载脚本，不要使用$document.ready，我已经在这样做了。有人吗

编辑：我注意到，只有从另一个jQuery移动页面转到该页面时，才会发生错误

Index.html

js/ajax.js

)；使用jQuery Mobile时，内部页面上的TLDR:被忽略

要将jQuery Mobile与外部样式和脚本一起使用，您必须将相同的脚本和样式集加载到每个页面。

您是否尝试过重新排列文件，以便在调用jQuery后调用js/ajax.js？在实际定义JQuery之前，您引用了一个JQuery函数$。谢谢，将脚本移动到JQuery内容区域可以加载它，所以我不必在每个页面上都使用它。

<!DOCTYPE html>
<html>
<head>
    <title>sio.signalare.se</title>
    <meta content="width=device-width, user-scalable=no" name="viewport">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.3/jquery.mobile-1.4.3.min.css" /> 
    <script src="js/ajax.js"></script>
    <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.4.3/jquery.mobile-1.4.3.min.js"></script>
    <style>
        .wrap {
            white-space: normal !important;
        }
    </style>
</head>

<body>
    <div data-role="page">
    <div data-role="header">
        <a class="ui-btn-left" data-direction="reverse" data-icon="back"
        data-iconpos="notext" href="../"></a>

        <h1>ATC-felkoder</h1>
    </div><!-- /header -->

    <div data-role="content">

        <ul data-inset="true" data-role="listview">
            <li>
                <h2 class="wrap">F1</h2>
                <p class="wrap"><strong id="F1-result"></strong></p>
                <select id="F1" onchange="getResult(this);">
                    <option value="" selected>Välj</option>
                    <option value="0">0</option>
                    <option value="1">1</option>
                    <option value="2">2</option>
                    <option value="3">3</option>
                    <option value="4">4</option>
                    <option value="5">5</option>
                    <option value="6">6</option>
                    <option value="7">7</option>
                    <option value="8">8</option>
                    <option value="9">9</option>
                    <option value="A">A</option>
                    <option value="C">C</option>
                    <option value="E">E</option>
                    <option value="F">F</option>
                    <option value="H">H</option>
                    <option value="L">L</option>
                    <option value="P">P</option>
                    <option value="U">U</option>
                </select>
            </li>
        </ul>

        <h6>Version 2.0</h6>
    </div><!-- /content -->
</div><!-- /page -->
</body>
</html>

function getResult(e) {
    if (e.value) {
        var ajax_load = "<img src='img/loader.gif' alt='loading...' />";
        var loadUrl = "data/result.php?args=" + e.id + "|" + e.value;
        $("#" + e.id + "-result").load(loadUrl);
    } else {
        $("#" + e.id + "-result").empty();
    }        
}