TabPanelをクリックすると、ページが要素を非表示にしない

Question

パネル間を移動するときにスクリプトが実行されないという問題があります。 F5キーを押すと実行されます。

<asp:Panel ID="pProductList" runat="server"> 
        <asp:TabContainer ID="tabProductList" runat="server" ActiveTabIndex="0" OnActiveTabChanged="tabProductList_ActiveTabChanged" AutoPostBack="true"> 
         <asp:TabPanel ID="TabProductListCatalog" runat="server" HeaderText="<%$ Resources: Resource, TabProductListCatalog %>"> 
         </asp:TabPanel> 
         <asp:TabPanel ID="TabProductListPicture" runat="server" HeaderText="<%$ Resources: Resource, TabProductListPicture %>"> 
         </asp:TabPanel> 
         <asp:TabPanel ID="TabProductListList" runat="server" HeaderText="<%$ Resources: Resource, TabProductListList %>"> 
         </asp:TabPanel> 
        </asp:TabContainer> 
       </asp:Panel> 

とボタンでProductListTable.ascx：うまくいかない

<th class="products text-right"> 
      <asp:Button ID="btIntoBasketAll" runat="server" onclick="btIntoBasketAll_Click" CssClass="btn btn-basic btn-sm" ToolTip="<%$ Resources: Resource, BasketAfterInsertAllTitle %>" Text="<%$ Resources: Resource, BasketAfterInsertTitle %>" visible='true' />     
       </th> 

スクリプトが（の底部に配置された 私は私のようなTabPanelsを持ってProductList.aspxファイルを持っていますProductListTable.ascx）：

<script type ="text/javascript"> 
       if ($('#AddToBasket').is(':visible')) { 
        document.getElementById('<%=btIntoBasketAll.ClientID%>').style.visibility = 'visible'; 
      } else { 
       document.getElementById('<%=btIntoBasketAll.ClientID%>').style.visibility = 'hidden'; 
      } 
     </script> 

パネル「AddToBasket」が非表示になります。これは動作しますが、F5を押すだけです。パネル間を移動するたびに、このスクリプトは実行されません。

Answer 1

使用：表示：可視性の代わりにnone：非表示 と表示：visiblilityの代わりにブロック：visible。

Answer 2

これは、コードを実行する唯一の時間なので、ページを更新するときに機能します。

TabPanelをクリックするたびにこのコードを実行したい場合、関数内のコードをラップすると、その関数をTabPanelのonclick属性に追加できます。

<script type ="text/javascript"> 
    function tabPanelClicked(){ 
     if ($('#AddToBasket').is(':visible')) { 
      document.getElementById('<%=btIntoBasketAll.ClientID%>').style.visibility = 'visible'; 
     } else { 
      document.getElementById('<%=btIntoBasketAll.ClientID%>').style.visibility = 'hidden'; 
     } 
    } 
    tabPanelClicked(); 
</script> 

ProductList.aspx

<asp:TabPanel ID="TabProductListCatalog" runat="server" HeaderText="<%$ Resources: Resource, TabProductListCatalog %>" onclick="tabPanelClicked()"> 

すべてTabPanels