prototype Лайтбокс не работает с кодом jquery

<link rel="stylesheet" href="skin/lightbox.css" media="screen,projection" type="text/css" /> 
<script type="text/javascript" src="JS/prototype.js"></script> 
<script type="text/javascript" src="JS/lightbox.js"></script> 


<script type="text/javascript" src="jquery/jquery-1.3.2.min.js"></script> 

<script type="text/javascript"> 


$(document).ready(function(){ 
    setInterval(function(){ 
     $.ajax({ 
       url: "getResult.php", 

       success: function(result){ 

       var output = '<tr><td>Name</td>\n\ 
           <td>Type</td>\n\ 
           <td>Data</td>\n\ 
           <td>Detail</td></tr>'; 
       $.each(result, function(i, result){ 

       output += '<tr><td>' + result.sensorName + '</td><td>' + 
         result.sensorType + '</td><td>' + 
         result.data + '</td><td><a href="lightBox.php" class="lbOn">view</a></td></tr>'; 
         //Naming class="lbOn" can trigger Lightbox function 
       }); 

       $("#insideTable").html(output); 

     }, dataType: "json"}); 
    }, 2000); 
}); 

</script> 


<table border="1" id="insideTable" width="100%"> 

</table>

Лайтбокс в приведенном выше коде не работает. (см. пример Лайтбокс, который я использую: http://particletree.com/examples/lightbox/). Я думаю, что это связано с существующим кодом JQuery.prototype Лайтбокс не работает с кодом jquery

Затем я добавил jQuery.noConflict(); и скорректировал $ на Jquery, которые даже предотвращают работу Jq-кода.

Есть ли кто-нибудь, кто может мне помочь? Большое спасибо!

источник

2012-03-20 Acubi

Какие ошибки, если есть, сообщает консоль? –

Возможный дубликат [jQuery, конфликтующий с другими библиотеками] (http://stackoverflow.com/questions/9683110/jquery-conflicting-with-other-libraries) –

@Mr. Разочарование, вот консольный отчет: ($ (parentElement) || document.body) .getElementsByTagName не является функцией – Acubi

-1

Вы должны запустить jQuery в режиме noConflict. Используйте jQuery.noConflict() после добавления тега сценария jQuery. В своем коде вы должны изменить $ к jQuery где JQuery используется

http://api.jquery.com/jQuery.noConflict/

Или использовать FancyBox для JQuery insteed ;-)

источник

2012-03-20 10:49:59

Цитируя себя от here ....

Если в все возможное, сделайте себе одолжение и используйте только одну библиотеку JavaScript.

Загрузка две полноценные библиотеки могут быть ресурсом тяжелые, особенно, если они оба пройти через весь DOM для инициализации некоторых виджетов или что-то.
Даже с noConflict возможно возникновение проблем. Библиотеки используют разные внутренние методы для управления событиями и узлами DOM. Существует вероятность тонких ошибок, которые noConflict не может предотвратить.
У вас будет два синтаксиса и философии для работы.
У вас будет две библиотеки для обновления и проверки зависимостей.

Выберите один и выберите плагины и виджеты на основе одной библиотеки.

источник

2012-03-20 10:50:19

prototype Лайтбокс не работает с кодом jquery

ответ

Смежные вопросы