ポストバック更新後パネルアコーディオンが動作しない

Question

ポストバック更新後パネルアコーディオン動作しません。

以下

は私のスクリプトです：

$(document).ready(function() { 
    $("DIV.Accordion > DIV.collapsePanelHeader").click(function() { 
     $(this).next("DIV.Content").slideToggle("slow"); 
     $("DIV.Accordion > DIV.Content").not($(this).next("DIV.Content")).slideUp("slow"); 

    }); 
}); 

私はスクリプトの下にこれを試してみましたが、あなたのスクリプトブロック側内部のスクリプトコードの上に追加けどに従って動作していない：

<script type="text/javascript"> 
     Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler); 
    function EndRequestHandler(sender, args) { 
     if (args.get_error() == undefined) { 
      $(function() { 
       //Your script 
      }); 
     } 
    } 
</script> 

Answer 1

、以下試してみてください

<script type="text/javascript"> 
    // below will execute after ajax postback 
    Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler); 

    function EndRequestHandler(sender, args) { 
     OnLoadPage(); 
    } 

    function OnLoadPage() { 
     $(document).ready(function() { 
      $("DIV.Accordion > DIV.collapsePanelHeader").click(function() { 
       $(this).next("DIV.Content").slideToggle("slow"); 
       $("DIV.Accordion > DIV.Content").not($(this).next("DIV.Content")).slideUp("slow"); 
      }); 
     }); 
    } 

    // executes after page load first time 
    OnLoadPage(); 
</script>