javascript - jquery在head标签中的顺序是什么

Question

我正在使用从不同站点复制的两个不同的 Jquery 插件，一个用于 asp.net 中的日期选择器，第二个用于自动完成文本框但只有我在 head 标签末尾粘贴的文件和代码才有效

日期选择器文件和js代码

  <link href="css/jquery.datepick.css" rel="stylesheet" />
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">  </script>
<script src="js/jquery.plugin.js"></script>
<script src="js/jquery.datepick.js"></script>

当我把这些行放在头的末尾时它就起作用了

这是自动完成文本框文件

 <link href="../SearchBoxCss/jquery-ui-1.10.4.custom.css" rel="stylesheet" />
<link href="../SearchBoxCss/jquery-ui-1.10.4.custom.min.css" rel="stylesheet" />
  <script src="../SearchBoxJS/jquery-1.10.2.js"></script>
<script src="../SearchBoxJS/jquery-ui-1.10.4.custom.min.js"></script>

<script type="text/javascript">
    $(function (){

        $('#<%= txtmoviename.ClientID %>').autocomplete({
            source: function (request, response) {
                  $.ajax({
                    url: "WebService.asmx/GetFilmNames",
                    data: "{ 'FilmName': '" + request.term + "'}",
                    type: "POST",
                      dataType: "json",
                    contentType: "application/json;charset=utf-8",
                    success: function (result) {
                        response(result.d);
                    },
                    error: function (result) {
                        alert('There is a problem processing your request');
                    }
                });
            }


        }); 

    });

</script>

基本上两者都在工作，但不同时......

Answer 1

您对 Jquery 库有重复引用，删除其中一个即可，两者都应该可以工作。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js">  </script>

还有

<script src="../SearchBoxJS/jquery-1.10.2.js"></script>

删除其中一个，我建议首先删除，因为它是从互联网引用的，它可能加载缓慢并导致错误。