Jquery和Jquery UI不加载[重复]答案

【问题标题】：Jquery and Jquery UI don't load [duplicate]Jquery和Jquery UI不加载[重复]
【发布时间】：2014-05-17 04:03:52
【问题描述】：

我遇到了一个很烦人的问题。虽然我的目录中有正确的文件，并且语法正确，但 .js 文件似乎没有加载，我无法使用它们包含的功能。

    <script type='text/javascript' src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

    <script type='text/javascript' src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
    <script src="js/jquery-ui-1.9.2.custom.js" type="text/javascript"></script>

这些是我从我的 js 文件夹中导入的。我正在尝试执行以下操作：

$("#dateinput").datepicker({});

因为 datepicker 是我的 jquery-ui 中的一个函数-...它应该可以正常工作吗？无论如何，我的 css 加载了，所以我想，让我们在我的 css 文件夹中加载我的 js 文件并更改目录，但仍然不行。当我控制 + 单击它时，它会转到正确目录中的正确文件。那我忘记了什么？

【问题讨论】：

所以当一个版本没有加载时，您决定再添加几个？
您正在加载 jquery 和 jquery-ui 两次。不要那样做。
你在加载 jQuery UI css，为什么你有 jQ 1.9.1 和？
@adeneo 我们已经尝试了一段时间，因此我可能只需要清理一些行，你说得对
那可能是你的问题。在本地运行它不适用于//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js 之类的 URL。在前面添加http:，然后重试。

标签： javascript jquery html jquery-ui twitter-bootstrap-3

【解决方案1】：

通过添加以下代码，我得到了它的工作，但它似乎不太优雅..

<script>
$(function() {

    $( "#accordion" ).accordion();



    var availableTags = [
        "ActionScript",
        "AppleScript",
        "Asp",
        "BASIC",
        "C",
        "C++",
        "Clojure",
        "COBOL",
        "ColdFusion",
        "Erlang",
        "Fortran",
        "Groovy",
        "Haskell",
        "Java",
        "JavaScript",
        "Lisp",
        "Perl",
        "PHP",
        "Python",
        "Ruby",
        "Scala",
        "Scheme"
    ];
    $( "#autocomplete" ).autocomplete({
        source: availableTags
    });



    $( "#button" ).button();
    $( "#radioset" ).buttonset();



    $( "#tabs" ).tabs();



    $( "#dialog" ).dialog({
        autoOpen: false,
        width: 400,
        buttons: [
            {
                text: "Ok",
                click: function() {
                    $( this ).dialog( "close" );
                }
            },
            {
                text: "Cancel",
                click: function() {
                    $( this ).dialog( "close" );
                }
            }
        ]
    });

    // Link to open the dialog
    $( "#dialog-link" ).click(function( event ) {
        $( "#dialog" ).dialog( "open" );
        event.preventDefault();
    });



    $( "#datepicker" ).datepicker({
        inline: true
    });



    $( "#slider" ).slider({
        range: true,
        values: [ 17, 67 ]
    });



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


    // Hover states on the static widgets
    $( "#dialog-link, #icons li" ).hover(
        function() {
            $( this ).addClass( "ui-state-hover" );
        },
        function() {
            $( this ).removeClass( "ui-state-hover" );
        }
    );
});
</script>

【讨论】：