Ajax経由で適切に再読み込みdiv - スクリプトが消えます

Question

私はheader.phpにサイドバーメニューを表示するボタンが含まれています。ボタンとサイドバーはと表示され、のユーザだけがアクセスできます。このブロックの最後には、サイドバーに「アクティブ」というクラスを追加して表示させるコードが少しあります。今、私は私のユーザーはAJAXを経由して、彼らは私がちょうどボタンとサイドバーを表示するための私のヘッダブロックをリフレッシュログインしている一度ログインします

<div id="header"> 
<!-- if is_user_logged_in --> 
<a id="menu-toggle" href="#" type="button"> 
    <i class="sprite-t-toggle-side"></i> 
</a> 
<!-- sidebar menu--> 
<div id="sidebar-wrapper"><!-- menu content --></div> 
<script> 
    var $menu = $("#sidebar-wrapper"); 
    $("#menu-toggle").on("click", function(e) { 
    e.preventDefault(), 
    $menu.toggleClass("active"); 
    }); 
</script> 
</div> 

：それはのようなものです。私は私のAJAXの成功にそうするようにコード行を使用：すべてがうまくある

success: function(data){ 
       if (data.loggedin == true){ 
       $("#header").load(location.href + " #header"); 
    } 
} 

ここまでは、ユーザーがログに記録され、ボタンはを表示されているが、私はそれをクリックしたときに何も起こりません。サイドバーは表示されません。コードを見ると、ヘッダーの最後に小さな機能が表示されません。それ以外の場合は、ページ全体をリロードすると動作します。 何が起こっているのですか？私は間違って何をしていますか？

Answer 1

ヘッダー全体を再読み込みする理由なぜそれだけでログインしていないのですか？

私は問題はあなたが全体を再ロードしていると思います。#headerあなたはそれの一部をリロードする必要があります。

---

$("#header").load(location.href + " #header"); < - これは、だから、$（ "＃ヘッダ"）を実行している #header

<div id="header"> 
<div id="loadajax"></div> <!-- Put loaded ajax in here ---> 
<!-- if is_user_logged_in --> 
<a id="menu-toggle" href="#" type="button"> 
    <i class="sprite-t-toggle-side"></i> 
</a> 
<!-- sidebar menu--> 
<div id="sidebar-wrapper"><!-- menu content --></div> 
<script> 
function runMenu() { 
    var $menu = $("#sidebar-wrapper"); 
    $("#menu-toggle").on("click", function(e) { 
    e.preventDefault(), 
    $menu.toggleClass("active"); 
    }); 
} 
runMenu(); 
</script> 
</div> 

---

success: function(data){ 
    if (data.loggedin == true){ 
     $("#loadajax").load(location.href + " #header"); 
     runMenu(); 
    } 
}