Question

我有一个相当恼人的问题。 虽然我在我的目录中有正确的文件，并且语法正确，但.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文件，并改变目录，但仍然没有。当我控制+单击它确实去我的正确的文件在正确的目录。那么我忘了什么？

Answer 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>