如何使用 jquery 使不可见的控件可见？ （隐藏和显示不起作用）

Question

如何使用 jQuery 更改控件的可见性？我有一个控件，其可见属性为 false （不是 css）。

当我使用 show() 函数时，没有任何反应，似乎 hide() 和 show() 方法用于 css 集控制，不可见的属性。

Answer 1

您无法使用 jQuery 执行此操作，asp.net 中的 visible="false" 意味着控件未呈现到页面中。如果您希望控件转到客户端，则需要执行 style="display: none;" 因此它实际上位于 HTML 中，否则客户端实际上没有任何内容可显示，因为该元素不在您的服务器发送的 HTML 中。

如果删除 visible 属性并添加 style 属性，则可以使用 jQuery 来显示它，如下所示：

$("#elementID").show();

---

旧答案（在 帕特里克的捕获）

要更改可见性，您需要使用.css()，如下所示：

$("#elem").css('visibility', 'visible');

除非您需要让元素占据页面空间，否则请使用 display: none;而不是 CSS 中的 visibility:hidden; ，然后只需执行：

$("#elem").show();

。 show() 和 .hide() 函数处理 display 而不是 visibility，就像大多数 jQuery 函数一样:)

Answer 2

.show() 和 .hide() 修改css显示规则。我想你想要：

$(selector).css('visibility', 'hidden'); // Hide element
$(selector).css('visibility', 'visible'); // Show element

Answer 3

这是我用来处理这个问题的一些代码。

首先我们显示元素，通常会通过 .show() 函数将显示类型设置为“block”，然后将 CSS 规则设置为“visible”：

jQuery( '.element' ).show().css( 'visibility', 'visible' );

或者，假设隐藏元素的类称为 hide，例如在 Twitter Bootstrap 中，toggleClass() 可能很有用：

jQuery( '.element' ).toggleClass( 'hidden' );

最后，如果您想链接函数，也许具有淡入淡出效果，您可以这样做：

jQuery( '.element' ).css( 'visibility', 'visible' ).fadeIn( 5000 );

Answer 4

十多年过去了，不确定是否有人仍然发现这个问题或答案相关。

但一个快速的解决方法是将 asp 控件 包装在 html 容器 中，

<div id="myElement" style="display: inline-block">
   <asp:TextBox ID="textBox1" runat="server"></asp:TextBox>
</div>

每当 Javascript 事件 被触发时（如果它需要是一个事件）通过 asp 控件，只需将 asp 控件 包裹在 div 容器中即可。

<div id="testG">  
   <asp:Button ID="Button2" runat="server" CssClass="btn" Text="Activate" />
</div>

jQuery 代码如下：

$(document).ready(function () {
    $("#testG").click(function () {
                $("#myElement").css("display", "none");
     });
});