クリック後にjqueryをリセットする

Question

誰かが私を助けることができますか？

http://beibl.users32.interdns.co.uk/second.php

私はあなたが途中NAVでコンピュータ画面のリンクをクリックした場合、それは私が欲しい、まさに素晴らしいですprettyphotoを使用してDIVからポップアップし、ロードコンテンツを警告する働いているウェブサイトは、彼らのです。

コードを強調します。

$("ul.second-menu a.first[rel^='prettyPhoto']").prettyPhoto({theme:'facebook'}); 

$("ul.second-menu a.first").click(function() { 
var text = $(".inner-content").html(); 
var h2 = $("h2.sec-main").html(); 
$(".inner-content-op").append(text); 
$(".header-ow h2").append(h2); 
return false; 
}); 

私の問題は、ライトボックスを閉じて、再度開いている場合、ライトボックスを閉じた後、私は戻ってそのintial状態にjqueryのをリセットしないその彼ら二回ホので、それは再び後ろにコンテンツをロードしますです。

助けてください。

Answer 1

クリックするたびに$（ "。inner-content-op"）と$（ "header-ow h2"）要素を空にするか、append（）を使う代わりにhtml（）関数。

Answer 2

これは、要素に追加しているためです。

あなたは

$(".inner-content-op").html(text); 
$(".header-ow h2").html(h2); 

以下のようにそれはむしろそれに追加するよりも、要素内のすべてのhtmlを上書きします、

$(".inner-content-op").append(text); 
$(".header-ow h2").append(h2); 

下記のHTML機能のようなものが好き、機能を追加変更した場合。 結果は次のとおりです。

$("ul.second-menu a.first[rel^='prettyPhoto']").prettyPhoto({theme:'facebook'}); 

$("ul.second-menu a.first").click(function() { 
var text = $(".inner-content").html(); 
var h2 = $("h2.sec-main").html(); 
$(".inner-content-op").html(text); 
$(".header-ow h2").html(h2); 
return false; 
});