LightBox赢得';t open-可能是JavaScript错误

LightBox赢得';t open-可能是JavaScript错误,javascript,jquery,asp.net,.net,lightbox,Javascript,Jquery,Asp.net,.net,Lightbox,我一直在努力实现。我一直在努力遵循“官方”指南,在网上搜索——一点运气都没有 问题如下:当我点击图片时,它只是打开了一个普通的链接。它没有注册,我点击了它。我还试图遵循: 如果解决方案需要在jQuery代码中进行某种跟踪,请添加一个关于如何进行跟踪的小说明:) 目前,我有以下呈现代码(使用ASP.NET): 图像本身: <a id="ContentPlaceHolder1_ContentPlaceHolder1_MainImageLink" rel="lightbox" href="../

我一直在努力实现。我一直在努力遵循“官方”指南,在网上搜索——一点运气都没有

问题如下:当我点击图片时,它只是打开了一个普通的链接。它没有注册,我点击了它。我还试图遵循:

如果解决方案需要在jQuery代码中进行某种跟踪,请添加一个关于如何进行跟踪的小说明:)

目前,我有以下呈现代码(使用ASP.NET):

图像本身:

<a id="ContentPlaceHolder1_ContentPlaceHolder1_MainImageLink" rel="lightbox" href="../../../Media/ProductImages/KaninbamseKnirke1.jpg">    
    <img id="ContentPlaceHolder1_ContentPlaceHolder1_MainImage" title="Kanin bamse Knirke" class="ProductImage" src="../../../Media/ProductImages/KaninbamseKnirke1.jpg" alt="Kanin bamse Knirke" style="height:280px;width:280px;" />    
</a>

我的头标签(是的,路径有效):


我的身体标签:

由于我有上面描述的问题,我已经尝试了这个活动和非活动。initLightBox是我设置为fire onload的方法,如Lightbox主页上所述

<body id="Masterbackground" onload="initLightbox();" class="badeandnav">

我的doctype值多少钱

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

jQuery与原型之间存在冲突。以太删除jQuery如果不使用它,请为其中一个设置兼容模式。 例如,对于
jQuery
可以设置
noConflict()
,然后使用
jQuery
参数调用它

<script src="prototype.js"></script>
<script src="jquery.js"></script>
<script>
 jQuery.noConflict();

 // Use jQuery via jQuery(...)
 jQuery(document).ready(function(){
   jQuery("div").hide();
 });

 // Use Prototype with $(...), etc.
 $('someid').hide();
</script>

jQuery.noConflict();
//通过jQuery(…)使用jQuery
jQuery(文档).ready(函数(){
jQuery(“div”).hide();
});
//将原型与$(…)等一起使用。
$('someid').hide();
将jQuery与其他库一起使用:

从中我可以看出,您的lightbox不应该与jQuery一起工作,而应该与and一起工作

如果要同时使用Jquery和prototype,其中一个必须在无冲突模式下运行,否则两者都不能正常工作。 您可以通过先加载jQuery,然后运行

jQuery.noConflict()

()

然后加载原型和脚本

然后您仍然可以调用jQuery,但不再使用
$()
,(
$()
将调用prototype.js),而是使用
jQuery()

<script src="prototype.js"></script>
<script src="jquery.js"></script>
<script>
 jQuery.noConflict();

 // Use jQuery via jQuery(...)
 jQuery(document).ready(function(){
   jQuery("div").hide();
 });

 // Use Prototype with $(...), etc.
 $('someid').hide();
</script>