2012-03-16 2 views
0

Я использую LightBox2 для простой галереи изображений. Мне удалось заставить его работать, однако теперь он противоречит другому файлу скрипта javascript, который я ссылаюсь на моей странице.lightbox2 противоречит скриптам

Мой сценарий использует $(document).ready(function() {

Я не уверен, если это отношение или нет, однако я знаю, что в один момент отладчик браузера жалуется об этом.

Любые идеи по этому вопросу?

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

var currs = {};

jQuery.noConflict();

jQuery(document).ready(function() { 
    var marketTypeSel = document.getElementById("selMarketType"); 
    var propertyTypeSel = document.getElementById("selPropertyType"); 
    var propertyStatusSel = document.getElementById("selPropertyStatus"); 
    var zoneSel = document.getElementById("selZone"); 
    var locSel = document.getElementById("selLocalities"); 
    var currSel = document.getElementById("selCurrency"); 
    var priceFromSel = document.getElementById("selPriceFrom"); 
    var priceToSel = document.getElementById("selPriceTo"); 

    //var data = {}; 

    marketTypeSel.length = 0; 
    propertyTypeSel.length = 0; 
    propertyStatusSel.length = 0; 
    zoneSel.length = 0; 
    locSel.length = 0; 
    currSel.length = 0; 

    jQuery.ajax({ 
     type: "POST", 
     url: "/Search/LoadInitSearchParameters", 
     //data: data, 
     dataType: "json", 
     success: function (result) { 
+0

Это конфликт во всех браузерах? Обычно проблемы возникают в IE. –

+0

да все браузеры:/ – Jonny

+0

Я согласен с @devtut. Удали ли вы jQuery.noConflict()? –

ответ

4

Вы можете использовать JQuery никакого конфликта, как это ниже

var Jk = jQuery.noConflict(); 
Jk(document).ready(function(){ 


}); 
+0

попробовал, что уже не работал:/ – Jonny

+0

yep, удалось заставить его работать с ошибкой в ​​моем js-файле, плохой день сегодня! спасибо большое – Jonny

0

вы можете использовать

jQuery.noConflict(); 

var Jq = jQuery.noConflict(); 
Jq(document).ready(function(){ 


}); 

или

JQuery(document).ready(function(){ 


}); 

просто использовать jQuery вместо $ при использовании jqu ery

0

Если все еще не работает, сделайте одно, добавьте все скриптовые ссылки перед закрытием тега body i.e вместо заголовка. Я столкнулся с той же проблемой, и этот трюк работает для меня.

, как показано ниже

<body> 
     <div>Dummy Data</div> 
     <div>Dummy Data</div> 
     <script src="/App_Themes/lib/jquery-1.6.2.min.js" type="text/javascript"></script> 
     <script src="/App_Themes/lib/jquery.jcarousel.js" type="text/javascript"></script> 
     <script src="/App_Themes/lib/jquery.easing.1.2.js" type="text/javascript"></script> 
     //Also lightbox ref 
</body> 
+0

nope:/... ничего не получится ... Я попробую нечто похожее на световую коробку – Jonny

0

Это для Lightbox2 2.8.1.

Как вы используете jQuery(document).ready(function() {});, это остановит лайтбокс от инициализации.

Я нашел, что мне пришлось добавить lightbox.init(), так как мой код останавливал лайтбоксы2 от загрузки.

$(function() { 
    lightbox.init(); 
    // other code 
}