Проблемы Bootstrap DateTimePicker и jQuery

Я пытаюсь использовать Bootstrap DateTimePicker в HTML-шаблоне на основе Bootstrap. Проблема в том, что есть файл JS с именем foundation.js, который включен в шаблон, и этот файл убивает DateTimePicker. Когда я не включаю этот файл, DateTimePicker работает, но многие другие функции шаблона (например, вкладки, галерея изображений и т. д.) перестают работать. Когда этот файл включен, DateTimePicker не работает. Этот файл Foundation.js слишком велик, поэтому я разместил его здесь: http://pastebin.com/fQhtpV2P.

Я заметил, что в этот файл явно включен весь код jQuery v1.8.1. Итак, я предполагаю, что это причина, по которой DateTimePicker не работает, поскольку я включаю библиотеку jQuery v2.1.1, поэтому эти два конфликтуют. Я старался:

  1. Удалите код jQuery v1.8.1 из Foundation.js -> тот же эффект, что и удаление всего файла; сборщик работает, но все остальные функции из шаблона не работают
  2. Удалить библиотеку jQuery v2.1.1 include -> DateTimePicker не работает
  3. Удалите код jQuery v1.8.1 из Foundation.js и замените его кодом jQuery v2.1.1 -> ничего не работает

Я также пробовал все комбинации, включая порядок, но безуспешно. Итак, я не могу удалить этот Foundation.js, и сборщик не будет работать, пока этот файл существует. Что я должен делать?

PS. мой код находится в Codeigniter, поэтому он довольно сложен (много файлов), но я могу дать вам части кода, если это необходимо.


javascript jquery twitter-bootstrap bootstrap-datetimepicker
person XploD    schedule 09.07.2015    source источник
comment
Откуда взялся этот Foundation.js? Где ты взял этот шаблон?   -  person Below the Radar    schedule 09.07.2015
comment
Это часть этого шаблона. Это шаблон: wowthemes.net/studio-francesca-free-responsive- шаблон   -  person XploD    schedule 09.07.2015

Ответы (2)


arrow_upward
1
arrow_downward

Попробуйте использовать более старую версию вашего сборщика, вы можете взглянуть на эту ссылку

http://plugins.jquery.com/datetimepicker/

Средство выбора просто не отображается с jQuery 1.8 или выдает ошибку ??

С уважением

person Vanojx1    schedule 09.07.2015
comment
Хорошая идея, а то можно попробовать загрузить отдельно последнюю версию каждой библиотеки, включенной в Foundation.js - person Below the Radar; 09.07.2015
comment
В консоли ошибка: Uncaught TypeError: $(...).datetimepicker не является функцией - person XploD; 09.07.2015
comment
Вы включили datetimepicker после Foundation.js? - person Below the Radar; 09.07.2015
comment
Я видел, как кто-то использовал этот $.noConflict() до того, как документ был готов и включал 2 разные версии jquery (я не проверял это).... вы можете попробовать или изменить свою версию сборщика - person Vanojx1; 09.07.2015
comment
О, теперь работает! Кажется, что все еще была проблема с включением порядка. Проблема возникла из-за того, что я поместил код и включил datetimepicker.js в заголовок, в то время как все остальные файлы .js (включая Foundation.js) были включены в нижний колонтитул после содержимого. Я уже пытался переместить datetimepicker.js include после Foundation.js, но я, очевидно, забыл переместить код, который вызывает функцию .datetimepicker(), под него. Спасибо! PS. эта вещь с noConclifct() интересна, я посмотрю на нее, если мне понадобится более новый jQuery для чего-то другого. - person XploD; 09.07.2015

arrow_upward
0
arrow_downward 

Uncaught TypeError: $(...).datetimepicker is not a function

Эта ошибка обычно возникает из-за того, что вы включили библиотеку, которая зависит от jquery, до самого jquery.

Проверьте порядок включения, чтобы убедиться, что js-файл dateTimePicker включен после JQuery.

person Below the Radar    schedule 09.07.2015