Jquery插件不起作用

时间:2014-02-19 09:03:18

标签: jquery plugins datepicker timepicker imageareaselect

这个黄色标记的脚本我用来链接两个或多个选择输入,如果此代码低于(绿色标记),它将无法工作。那用绿色标记我用于imageareaselect(裁剪图像),如果页脚中的银色代码在那里它将无法工作。在页脚我用于datepicker。任何解决方案?

图片:

enter image description here

1 个答案:

答案 0 :(得分:0)

  

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

嗯,你没有解决问题 - 你只是绕过了它:)

  

jquery.chained.min.js无法正常工作,如果我不在头部加载jquery,在页脚中同样的东西,如果我不在页脚中加载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>