LightBoxが開かない - おそらくJavaScriptミス

私はライトボックスを実装しようとしていました。私は "公式"ガイドに従ってネット上を検索しようとしています。運がまったくありません。

問題は次のとおりです。イメージをクリックすると、通常のリンクと同じように開きます。私はそれをクリックして登録していません。また、こちらに従ってみました:

ソリューションがjQueryコードで何らかのトラッキングを必要とする場合は、トラッキングを行う方法に関する小さなメモを追加してください:)

現在、私はASP.NETを使用して次のレンダリングされたコードを持っています:

画像そのもの:

    
    Kanin bamse Knirke    

私の頭のタグ(とはい - パスの動作):

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

私のボディータグ:

私は上記の問題を抱えているので、私はこの両方でアクティブにしてみました。 initLightBoxは、ライトボックスのホームページに記載されているように、私がonloadを起動するように設定したメソッドです。

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

それは価値があるもの - 私のdoctype


1

2 答え

プロトタイプとjQueryが競合しています。あなたがそれを使用していない場合は、エーテル除去jQueryは、2つのいずれかのエーテル互換性モードを設定します。 たとえば、 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>

Using jQuery with Other Libraries : http://docs.jquery.com/Using_jQuery_with_Other_Libraries

1
追加された

from what i can tell in this help page, your lightbox shouldn't work with jQuery, but should work with Prototype.js and Scriptaculous

Jqueryとプロトタイプを同時に使用する場合、そのうちの1つは競合モードで実行する必要がありますが、どちらも正しく動作しません。 これを行うには、まずjQueryをロードしてから、

jQuery.noConflict()

ここでnoConflictのスキニーを読んでください

プロトタイプとスクリプトをロードします。

You can then still call jQuery, but no longer by using $(), ($() will invoke prototype.js), but by using jQuery();

1
追加された
JavaScript - 日本のコミュニティ
JavaScript - 日本のコミュニティ
2 参加者の

日本人コミュニティのjavascript