Jqueryライトボックスが表示されない

Question

jqueryとstackoverflowの新機能です。

私は自分でライトボックスを作成しようとしています。私は.....次のようにjQueryを使ってライトボックス構造を追加することで

var patch= $(
     '<div id="Adi-patch" style="position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.9); text-align: center; color: white;"></div>'); 
    $("#wrapper").before(patch); 
    patch.html(
     '<span id="Adi-close-btn" style="position: absolute; right: 1em; font-size: 2em; color: white; cursor: pointer;">&#9587;</span>\ 
     <div id="Adi-content" style="background: gray; position: relative; left: 50%; margin-left: -25%; width: 50%; height: 90%; overflow: hidden;"></div>\ 
     <div id="Adi-prev-btn" style="background: black; position: absolute; top: 50%; font-size: 2em; margin-top: -1em; padding: 5px; cursor: pointer;">&#10094;</div>\ 
     <div id="Adi-next-btn" style="background: black; position: absolute; top: 50%; right: 0px; font-size: 2em; margin-top: -1em; padding: 5px; cursor: pointer;">&#10095;</div>\ 
     <div id="Adi-caption" style="padding: 5px;">Sample caption</div>' 
    ); 
    patch.css({"display": "none"}); 

をsuccededているしかし、私は、クリックイベントの内容を明らかに立ち往生しています。私は試しました....

<!-- Show Lightbox structure on anchor click event --> 
    $('#wrapper a').click(function(){ 
     patch.fadeToggle(); 
    }); 

問題は構造がちょうどちらつき、消えてしまいます。そこにはいない。この問題を解決するために何をすべきかをお勧めします。あるいは、既に議論されている場合は、私に解決策を指示してください。

ありがとうございます。

Answer 1

エラーは、ハイパーリンクが空のままで、同じページにリダイレクトされたために発生します。

複数のプレースホルダを使用することができます。検索すると、最適なオプションについて十分なディスカッションが行われます。ほとんどの人は "＃"を使用しますが、ページの上部に自動的にスクロールすることに注意してください。

は閉じるボタンに同じリスナーを追加することを忘れないでください：

$('#wrapper a, #Adi-close-btn').click(function() { 
    patch.fadeToggle(); 
});