2012-02-06 2 views
2

ライトボックス機能をページに追加するには、マスターページにjsファイルを追加しました。 しばらくすると、子ページにjqueryを使用する必要がありました。子ページにjqueryリファレンスを追加しました。 子ページにjqueryリファレンスを追加すると、ライトボックスの動作が停止します。マスターページにライトボックスjsファイルがある場合、Jqueryは子ページで動作しません

この問題を解決するにはどうすればよいですか? 子ページからjqueryリファレンスを削除すると、ライトボックスが正常に動作します。 このJqueryの競合の問題ですか?

FYI私はここに私のjsファイル

マスターページのJavaScriptファイルを示している。ただ、マスターページであなたのjqueryの参照を置く代わりに

<script src="../js/jquery-1.4.2.min.js" type="text/javascript">  </script> 

<script language="javascript" type="text/javascript"> 
     var $j = jQuery.noConflict(true); 

     function showClose(obj) {    
      obj.style.display = 'none'; 
      $j("#spnFullInfo").slideDown(1500);   
      return false; 
     } 
</script> 
+1

「機能していません」詳細をお知らせください。エラーメッセージまたは何か –

+0

どのライトボックスですか? jqueryライトボックスまたは何か他の? – Shaheer

+0

http://lokeshdhakar.com/projects/lightbox2/からLightboxをダウンロードしました。 「動作していません」とは、ポップアップdivの代わりにウィンドウで画像が開くことを意味します。 – ravidev

答えて

0

最初だけライトボックス機能を試してみてください。 jquery.jsとlightbox.jsは他の.jsファイルだけを削除してください。プロトタイプまたはscriptaculuosと競合する可能性があります。

+0

@Rohit .. jsファイル間に矛盾があるのは分かっていますが、私はその矛盾を解決したいのです。どのように? – ravidev

+0

lokeshdhakarのライトボックスはjqueryを必要としません。私はjqueryのようなプロトタイプを使用しています。あなたはそれらの間の衝突を解決するために以下を使用することができます。 Rohit

0

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> 
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script> 
<script type="text/javascript" src="/js/prototype.js"></script> 
<script type="text/javascript" src="/js/scriptaculous.js?load=effects,builder"></script> 
<script type="text/javascript" src="/js/lightbox.js"></script> 
<link rel="stylesheet" href="/css/lightbox.css" type="text/css" media="screen" /> 

子ページのJavascriptファイルを子。

・ホープ、このことができます。..