Скрипт конфликтует с JQuery

0

Я хочу добавить диаграммы для сортируемых портлетов в JQuery. Я просто столкнулся с проблемой и задавался вопросом, что вызывает ее, и как я могу ее исправить или обойти. Мои оригинальные источники:

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

Затем я добавил:

<script src="http://static.pureexample.com/js/flot/excanvas.min.js"></script>
<script src="http://static.pureexample.com/js/flot/jquery.flot.min.js"></script>
<script src="http://static.pureexample.com/js/flot/jquery.flot.pie.min.js"></script>

Когда я добавил их, кадры и функции ui каждого портлета больше не работают или видны, но текст по-прежнему есть. Какие конфликты вызывают это и каков правильный способ добавить что-то вроде диаграммы в отдельный портлет?

  • 3
    Вы ссылаетесь на две совершенно разные версии jQuery одновременно. Если вы не разделяете между двумя в вашем коде, то есть ваша проблема. В большинстве случаев вам следует использовать только одну версию jQuery.
  • 0
    @David Дэвид Спасибо! Вы были совершенно правы.
Теги:
jquery-ui-sortable

1 ответ

3
Лучший ответ

Вы включаете jQuery дважды:

<!-- here --><script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<!-- and here --><script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

Удалите вторую строку (более ранняя версия), и вы должны быть в бизнесе.

Поделиться
  • 0
    Спасибо за помощь!

Ещё вопросы

Сообщество Overcoder
Наверх
Меню