2014-02-19 1 views
0

Этот сценарий в желтом маркере, который я использую для объединения двух или более входов выбора, не будет работать, если этот код ниже (зеленый маркер). Это в зеленом маркере, который я использую для imageareaselect (обрезка изображений), и он не будет работать, если этот серебряный код находится в нижнем колонтитуле. Это в нижнем колонтитуле, которое я использую для datepicker. Любое решение?Плагины JQuery не будут работать

Картина здесь:

enter image description here

+0

Я думаю, что ваш файл jquery.min должен быть очень первым из сценариев. –

+0

Почему вы загружаете 'jQuery' дважды? Какие сообщения об ошибках вы получаете? – ajtrichards

+0

jquery.chained.min.js не будет работать, если я не загружаю jquery в голову, то же самое в нижнем колонтитуле, datepicker не будет работать, если я не загружаю jquery в нижний колонтитул. Я не получаю ошибок. Если я удалю этот образ, то вы можете просмотреть сценарии (зеленый маркер), все будет работать, но мне нужен образ. – josaric

ответ

0

я успешно решил эту проблему. Я загрузил еще один скрипт для imageareaselect из odyniec.net/projects/imgareaselect/#download и загрузил их в нижнем колонтитуле.

Ну, вы не решить эту проблему - вы просто обойти его :)

jquery.chained.min.js не будет работать, если я не загружать JQuery в голову, то же самое в нижнем колонтитуле datepicker не будет работать, если я не загружаю jQuery в нижний колонтитул. Я не получаю ошибок. Если я удалю этот образ, вы можете просмотреть сценарии (зеленый маркер), все будет работать, но мне нужен образ.

Вы в значительной степени ответили на вопрос самостоятельно. Вы должны были основные проблемы:

  • Вы нагруженных 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>