head 标签中 jquery 的顺序是什么

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>

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

这是自动完成的文本框文件

 <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

您有 duplicate 个参考 Jquery library 删除一个，两个都应该有效。

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

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

head 标签中 jquery 的顺序是什么

what is the order for jquery in head tags

javascript

asp.net

jquery

datepicker

jquery-autocomplete