Question

<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>

上面代码中的Lightbox不起作用。（请参阅我正在使用的Lightbox示例：http://particletree.com/examples/lightbox/）。我认为这可能与现有的Jquery代码冲突。

然后我添加了jQuery.noConflict（）;并修改了$到Jquery，甚至阻止了现有的Jq代码工作。

有没有人可以帮助我？非常感谢！

Answer 1

从here ....

引用自己的话

如果可能的话，请自己帮忙并仅使用一个JavaScript库。

加载两个完整的库可能会占用大量资源，特别是如果它们都遍历整个DOM以初始化某些小部件或其他东西。
即使使用noConflict，也可能出现问题。库使用不同的内部方法来操作事件和DOM节点。 <{1}}无法阻止微小错误。
您将有两种语法和理念可供使用。
您将有两个库来更新和检查依赖项。

选择一个，然后根据该库选择插件和小部件。

Answer 2

您应该在noConflict模式下运行jQuery。添加jQuery脚本标记后使用jQuery.noConflict()。在您的代码中，您必须将$更改为使用jQuery的jQuery

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

或者使用fancybox进行jQuery insteed; - ）

原型Lightbox不适用于jquery代码

2 个答案: