Question

我有一个最初隐藏的div，稍后会根据点击事件结果显示。

我写了这个

 $(document).ready(function () {

        $('#<%=disable.ClientID %>').hide();
});


 <div id="disable" runat="server">The following question is disabled</div>

但是当我禁用CSS时，它会出现，当我不禁用css时它会变得不可见。即使css被禁用并且稍后再次可见，我如何使这个看不见

Answer 1

如果没有CSS，就无法制作隐形。但你可以删除它：

 $(document).ready(function () {

        $('#<%=disable.ClientID %>').remove();
});

如果您希望再次显示，则需要再次读取所有标记。

修改

你可以这样做：

$(document).ready(function () {
        var item = $('#<%=disable.ClientID %>');
        $(document).data('myElement', item.clone());
        item.remove();
});

然后你可以重新添加它

 $(document).append($(document).data('myElement'));

Answer 2

如果您愿意为此编写服务器代码，那么您可以在代码隐藏中执行此操作。

//  c#
if(some condition...)
{
    disable.Visible = false;
}

这将从页面的HTML输出中删除div。

Answer 3

在谈论启用和禁用css时，我不会得到你，但你总是可以通过DOM操作来管理DOM元素。当您标记jQuery：

时

$(document).ready(function () {
    /* please try top avoid mix server side variables and javascript code */
    $('#myTargetDiv').hide();

    $('#myToggleButton').on('click',function(){
        /* select the elements you want to hide / show with the click on this element */
        var $elements = $('#myTargetDiv');
        $elements.toggle();
    });
});

如何在禁用css时隐藏div？

3 个答案:

修改