Javascript jQuery杀死Lightbox

Javascript jQuery杀死Lightbox,javascript,jquery,lightbox,Javascript,Jquery,Lightbox,我刚刚将javascript移到jQuery上,以实现简单的AJAX函数。然而,我正试图将lightbox插件与jQuery结合使用,因为我想保持相同的功能,但不想包含10个不同的库。 如果我删除jqueryinclude并保留lightbox,它将非常有效 如果我把它放回去,它会坏掉,它只会显示全尺寸的图像而不是方框,chrome和firefox的控制台都不会抱怨任何事情,它只会直接显示图像 我为jQuery尝试了5个不同的lightbox克隆/插件,但它们都给了我相同的行为,这让我觉得我缺少

我刚刚将javascript移到jQuery上,以实现简单的AJAX函数。然而,我正试图将lightbox插件与jQuery结合使用,因为我想保持相同的功能,但不想包含10个不同的库。 如果我删除jqueryinclude并保留lightbox,它将非常有效 如果我把它放回去,它会坏掉,它只会显示全尺寸的图像而不是方框,chrome和firefox的控制台都不会抱怨任何事情,它只会直接显示图像 我为jQuery尝试了5个不同的lightbox克隆/插件,但它们都给了我相同的行为,这让我觉得我缺少了一些东西

现在我的标题看起来像这样(双重检查,它们都在那里):


和我的图库(php):

foreach(…){
回音“\n”;
}

在后台,foreach中的图像是从ajax调用加载的,但lightbox从来没有问题,这不应该是因为所有html都在那里,这通常是因为其他库(不是jQuery)也尝试使用美元符号变量名


jQuery中有一个打开兼容模式的设置,它将强制您使用jQuery()而不是$()来进行jQuery调用。

只是一个想法。。。LightBox不尝试包含它自己的jQuery副本或类似的东西吗?IIRC,这可能是你的问题的原因…

试着看看。它有同样的效果,但对我来说JQuery没有问题。它们也有一个非常相似的设置,并且很容易在两者之间切换。

您也可以使用您可以在这里找到不同的方法来解决冲突:

获取firebug并检查灯箱,无论是否将jQuery添加到项目中。由于您使用的是php,
$
可能存在问题。您可以尝试在脚本文件的顶部执行
$j=jQuery.noConflict()
。原始Lightbox基于原型,我使用的插件使用jQuery。我试着删除我自己的jquery,把它留给插件,但不起作用,它破坏了我的ajaxYes,我用jquery替换了$用于ajax,它起作用了……但只在chrome中起作用:(刚刚尝试了那个,还有slimbox。它们都不起作用,我认为从ajax加载拇指时会出现问题,因为我在没有ajax的情况下运行了一个小测试(使用jquery)和模态窗口workedI将提倡这一点,jquery Lightbox插件在几个方面优于原始插件。这就是我要使用的插件。我找到了解决方案,供将来参考。javascript代码:$('#yourdiva')。Lightbox()没有被包括,因为我的内容是通过AJAX获取的解决方法是将其添加到$(document).ready()中,并确保在页面中包含相关的js文件,即使是在AJAX检索到的内容中(如果是新页面)
<script type='text/javascript' src='js/jquery.js'></script>
<script type='text/javascript' src='js/thickbox.js'></script>
<link rel='stylesheet' type='text/css' href='css/thickbox.css' />
foreach(...){
echo "<a href=\"$path\" class='thickbox' rel='$folder'><img border=none src=\"$thumb\" /></a>&nbsp;\n" ;
}