2012-02-06 33 views
1

我一直试图实现LightBox。我一直试图按照“官方”指南和网上搜索 - 没有任何运气。LightBox无法打开 - 可能是一些JavaScript错误

问题如下:当我点击图片时,它只是打开,因为它是一个正常的链接。它没有注册我点击了它。我也试图按照this

如果解决方案需要某种形式的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> 

我的头标记(是 - 路径工作):

<link rel="stylesheet" href="../../../Styles/lightbox.css" type="text/css" media="screen" /> 

<script src="../../../js/prototype.js" type="text/javascript"></script> 

<script src="../../../js/scriptaculous.js?load=effects,builder" type="text/javascript"></script> 

<script src="../../../js/lightbox.js" type="text/javascript"></script> 

<link href="../../../Styles/StyleSheet.css" rel="stylesheet" type="text/css" /> 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> 

我的身体标记:

由于我有上述问题,我已经尝试了这两个与这种活动和不。正如Lightbox主页上所述,initLightBox是我设置为启动的方法。

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

回答

1

你有冲突时,用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与其他库: http://docs.jquery.com/Using_jQuery_with_Other_Libraries

1

从我可以在this help page告诉,你的收藏夹不应该用jQuery工作,但应与Prototype.jsScriptaculous

工作,如果你是要同时使用Jquery和prototype,其中一个必须以无冲突模式运行,否则两者都不能正常工作。 你可以做到这一点,首先加载了jQuery,然后运行

jQuery.noConflict()

read the skinny on noConflict here

,然后加载的原型和Scriptaculous。

然后,您可以还叫jQuery的,但不再使用$(),($()将调用的prototype.js),但通过使用jQuery();