javascript - jQuery hide 不隐藏 vb.net/asp.net webform 中的任何内容

Question

我试图通过单击按钮来隐藏我的内容。但是当页面加载时，内容是隐藏的，但在完成页面加载后显示内容。此内容不会隐藏。我正在使用 Visual Studio 2017 社区和 asp.net/vb.net 框架。但是相同的 JQuery 代码正在我的文本编辑器和浏览器上运行。 这是我的示例代码:

<p id="justp" class="testcls">Hi Hide me!</p>
    <asp:Button ID="testbtn" runat="server" Text="hide me" />
     <script>
        $(function () {
            $('#testbtn').click(function () {
                $('.testcls').hide();

            });
        });
    </script>

我尝试在 hide() 中传递警报并且它成功运行:

$('.testcls').hide(alert("Hello"));

问题是什么？ 我该如何解决这个问题？

Answer 1

如果您只是使用此按钮在客户端隐藏/显示您的内容(没有服务器端计算或类似的东西)，请使用普通的 input/button标签:

替换这个: <asp:Button ID="testbtn" runat="server" Text="hide me" />

用这条线: <button type="button" id="testbtn">Hide me!</button>

如上所述，此解决方案仅在您不需要提交任何数据时才有效。