2012-02-06 16 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();