lightbox2 конфликтует со скриптами - PullRequest
Новая
       37

lightbox2 конфликтует со скриптами

0 голосов
/ 16 марта 2012

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

Мой сценарий использует $(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) {

Ответы [ 4 ]

4 голосов
/ 16 марта 2012

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

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


});
0 голосов
/ 08 августа 2015

Это для Lightbox2 2.8.1.

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

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

$(function() {
    lightbox.init();
    // other code
}
0 голосов
/ 16 марта 2012

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

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

   <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 голосов
/ 16 марта 2012

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

 jQuery.noConflict();

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


});

или 

JQuery(document).ready(function (){


});

просто используйте jQuery вместо $ при использовании jquery

...