Jquery 插件不起作用答案

【问题标题】：Jquery plugins won't workJquery 插件不起作用
【发布时间】：2014-02-19 09:03:17
【问题描述】：

这个黄色标记的脚本我用来链接两个或多个选择输入，如果下面的代码（绿色标记）在那里，它将不起作用。我用于 imageareaselect（裁剪图像）的绿色标记，如果页脚中的银色代码在那里，它将不起作用。我用于日期选择器的页脚中的那个。有什么解决办法吗？

图片在这里：

【问题讨论】：

我认为您的 jquery.min 文件应该是脚本的第一个。
为什么要加载jQuery 两次？您收到了哪些错误消息？
jquery.chained.min.js 如果我不在头部加载 jquery 将不起作用，在页脚中也是一样的，如果我不在页脚中加载 jquery，datepicker 将不起作用。我没有收到错误。如果我删除这个 imageareaselect 脚本（绿色标记）一切都会工作，但我需要 imageareaselect 。
Imageareaselect 仅当我在页脚中删除此代码时才有效，但我还需要 datepicker。 jquery.chained.min.js 只有在我用绿色标记删除它时才会起作用，但我需要它来链接选择输入。似乎脚本正在“战斗”。
我成功解决了这个问题。我从 odyniec.net/projects/imgareaselect/#download 下载了另一个 imageareaselect 脚本并将它们加载到页脚中。

标签： jquery plugins datepicker timepicker imageareaselect

【解决方案1】：

我成功解决了这个问题。我从 odyniec.net/projects/imgareaselect/#download 下载了另一个 imageareaselect 脚本并将它们加载到页脚中。

好吧，你没有解决问题 - 你只是绕过它:)

如果我不在头部加载 jquery，jquery.chained.min.js 将不起作用，在页脚中也是一样，如果我不在页脚中加载 jquery，datepicker 将不起作用。我没有收到错误。如果我删除这个 imageareaselect 脚本（绿色标记）一切都会工作，但我需要 imageareaselect

您几乎自己回答了这个问题。您必须解决主要问题：

您加载了两次 jQuery（不要这样做，除非您打算使用 .noConflict() 并使用不同版本的 jQuery）
您加载 jQuery 太早或太晚。您必须在所有其他依赖它的插件之前加载 jQuery。

解决方案相当简单：

HTML：

<html>
<head>
    <!-- Put CSS stylesheets in head -->
    <link rel="stylesheet" type="text/css" href="../css/imgareaselect-default.css">
</head>
<body>
    <!-- Your content -->

    <!-- Put JavaScript files at the bottom for better performance -->
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script type="text/javascript" src="../js/jquery.chained.min.js"></script>
    <script type="text/javascript" src="../js/jquery-pack.js"></script>
    <script type="text/javascript" src="../js/jquery.imgareaselect.min.js"></script>
    <script type="text/javascript" src="../plugins/datepicker/bootstrap-datepicker.js"></script>
</body>
</html>

【讨论】：