2014-02-06 4 views
0

Я пытаюсь запустить ползунок nivo на сайте joomla 2.5 и тоже настраиваемый html + php-модуль, где мне нужно поставить datepicker.конфликт jquery и nivo slider

В пользовательском модуле вставить этот код:

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> 
<script type="text/javascript" src="js/datepicker.js"></script> 
<link rel="stylesheet" type="text/css" href="css/datepicker.css" /> 
<?php 
/* Here the code for the module */ 

Nivo слайдер вставит HTML код:

<script type="text/javascript"> 
jQuery.noConflict(); 
jQuery(window).load(function() { 
jQuery('#vt_nivo_slider196').nivoSlider({ 
effect: 'fade', // Specify sets like: 'fold,fade,sliceDown' 
... 
}); 
}); 
</script> 

Так с этим кодом, я не могу видеть календарь (Datepicker) и NIVO слайдер не работает (отображается только пробел).

Если я удалю строку jQyery.noConflict(); в коде ползунка nivo я вижу календарь (datepicker), но ползунок nivo все еще не работает (отображается только пробел).

Если я удалю строку со сценарием = "text/javascript" src = "js/jquery-1.4.2.min.js">, тогда я вижу, как работает ползунок nivo, покупайте, я не вижу календарь (DatePicker).

В datepicker.js У меня есть $ (document) .ready (function() {$ (function() {('#linkedDatepicker') ... еще код и (функция ($) {$. Extend ($ .ui, {datepicker: {version: "1.7.2"}}); var PROP_NAME = "datepicker"; function Datepicker() {... еще код

Кажется, что это конфликт с JQuery, но я не знаю, как ее решить.

Любая помощь высоко ценится.!

ответ

0

Согласно NivoSlider's website, она требует JQuery 1.7+.

Обновите свою версию jQuery, и в конечном итоге ваша версия datepicker и все должно быть хорошо.

NB: jQyery.noConflict(); только в том случае, если вы используете другую библиотеку javascript одновременно с jQuery.

+0

Благодарим за ответ. Я пытался обновить с помощью src = "js/jquery-1.8.3.js">, но что-то не так, поскольку ползунок nivo показывает только пробел. Как есть код в datepicker.js, как $ (document) .ready (function() {$ (function() {('#linkedDatepicker') Интересно, не противоречит ли он ползунку nivo. тоже, чтобы обновить jqery datepicker код, но он, кажется, не исправляет проблему. – Cesar

+0

@ user3279618 У вас есть какие-либо ошибки в консоли? Можем ли мы увидеть результат где-нибудь? – Skwal

0

Спасибо Скавалу за ответ.

Не уверен, что происходит, но, похоже, оно решается после многих испытаний. Я думаю, что это может помочь кому-то с подобными проблемами, так вот те шаги, которые я следовал:

1) Удалить JQuery-1.4.2.min.js вызов в коде модуля, теперь только позвонив datepicker.js

2) В datepicker.js

2.1) У меня было до $ (document) .ready (function() {$ (function() {('#linkedDatepicker') ... больше кода, теперь заменены все символы $ в код по цепочке jQuery, так что теперь код выглядит как jQuery (document) .ready (function() {... еще код

Я не знаю, почему, но $, похоже, что-то не так.

2.2) У меня было до (function ($) {$. Extend ($. Ui, {datepicker: {version: "1.7.2"}}); var PROP_NAME = "datepicker"; function Datepicker() { ... еще код, теперь замененный новой версией datepicker, загруженной с сайта JQuery. jquery-ui-1.9.2.custom.min.js добавлена ​​замена кода раньше (добавленный код al из jquery-ui-1.9.2.custom.min.js включает в себя: jquery.ui.core.js, jquery.ui. datepicker.js). Теперь код начинается с функции (e, t) {функция i (t, i) {var ...больше кода

Последней проблемой была визуализация календаря на фоне изображения слайдера nivo, решена смена datepicker.css с добавлением правила z-index: # ui-datepicker-div {width: 180px; z-index: 50! important;}