表示ボタンIボタンをクリックされたときに表示しようとしています

Question

をクリックして別のボタンは、このために表示されます私はこれを試してみたが#BTNONE div要素が隠されていない

<div class="rightdiv"> 
    <div id="BTNONE"> 
     <asp:Button ID="Button2" runat="server" Text="New Tab" OnClick="Button2_Click" style="display: none;" /> 
     <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click" /><br /> 
    </div>  
</div> 

<script type="text/javascript"> 
    $(function() { 
     $("#Button1").on('click', function() { 
      $("#BTNONE").show(); 
     }); 
    }); 
</script> 

Answer 1

です。しかし、私はhtmlを使ってみる。

$(function() { 
 
     $("#Button1").on('click', function() { 
 
      $("#Button2").show(); 
 
     }); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="rightdiv"> 
 
     <div id="BTNONE"> 
 
      <button type="button" ID="Button2" value="New Tab" style="display: none;" /> 
 
       Button 2 
 
      </button> 
 
      <button ID="Button1" value="Button" />Button 1</button> 
 
     </div>  
 
    </div>

Answer 2

を働いていない - それは内の最初の<button />ですそのため、 セレクタが正しくありません。

また、ASP.Netコントロールでrunat="server"属性を使用すると、コントロールがクライアントでレンダリングされるときに同じID属性に依存するとは限りません。念頭に置いて

、これを試してみてください。

$("#BTNONE button:eq(1)").on('click', function() { 
    $("#BTNONE button:eq(0)").show(); 
}); 

Answer 3

あなたの隠されたボタンのIDは、私はあなたのコードが仕事だと思うbutton2

<script type="text/javascript"> 
    $(function() { 
     $("#Button1").on('click', function() { 
      $("#Button2").show(); 
     }); 
    }); 
</script>