Question

我下载了jQuery UI 1.10.3。它带有旧版jQuery，即1.9.1。我有一个更高版本的jQuery：1.10.2。但是jQuery UI似乎不喜欢使用1.10.2 ... 反正有没有让它有效？或者我应该忍受它..

<script src="js/jquery-1.9.1.js"></script>
<!--
<script src="jquery-1.10.2.min.js">
-->
<script src="js/jquery-ui-1.10.3.custom.js"></script>
</script>
<script src = song_Selector.js>
</script>
<script>
    $(function() {

        $( "#progressbar" ).progressbar({
            value: 50
        });
    });

</script>


<body>

    <p id="demo">Click the button to do something.</p>
    <button onclick="draw_Progress_Bar ()">Try it</button>

    <h2 class="demoHeaders">Progress Bar</h2>
    <div id="progressbar"></div>

</body>

代码在上面，没有<html>标记。

Answer 1

当您加载脚本时，您忘记了结束标记，如果这是整个文档，您也忘记了<head>标记：

<!-- <script src="js/jquery-1.9.1.js"></script> -->
<script src="jquery-1.10.2.min.js"></script>
<script src="js/jquery-ui-1.10.3.custom.js"></script>
<script src = song_Selector.js></script>
<script>
    $(function() {
        $( "#progressbar" ).progressbar({
            value: 50
        });
    });
</script>

<body>
    <p id="demo">Click the button to do something.</p>
    <button onclick="draw_Progress_Bar ()">Try it</button>

    <h2 class="demoHeaders">Progress Bar</h2>
    <div id="progressbar"></div>
</body>

当您取消注释jQuery 1.10.2时，实际发生了以下情况：

<script src="jquery-1.10.2.min.js">
    <script src="js/jquery-ui-1.10.3.custom.js"></script>
</script>

由于<script>标记内的任何文本都被src属性集忽略而且不会被解析，因此不会加载。

之前，它本来可以正常工作，因为它只是如下：

<script src="js/jquery-ui-1.10.3.custom.js">
    </script>
</script>

...标签内的文字被忽略，因为有一个src属性（这没有效果）。

Answer 2

你可以通过功能加载脚本

来实现

    function loadscript(url){
var doc = document.getelementbytagname("head");
var script = document.createlement("script") ; 
script.url = script
}

jQuery 1.10.2和jQuery UI 1.10.3

2 个答案: