Question

我想根据用户输入（工作）显示div，但是这个div会出现然后在页面加载时隐藏自己，因为javascript只是告诉这个Div根据用户输入和输入显示默认为导致div隐藏的选项。我包含了代码

<script type="text/javascript">

    function HideUnhide() {
        if (!$("#RadioButtonInput").attr("checked")) {
            $("#hideableDiv").fadeOut(200);
        } else {
            $("#hideableDiv").fadeIn(200);
        }
    }

    $(function () {
        //initial hide/unhide
        HideUnhide();
        //click triggered hide/unhide
        $(".RadioButtonID > input").click(
            function (event) {
                alert('click');
                HideUnhide();
            }
        );
    });

RadioButton绑定到存储会话数据的网站中的SQL值，因此当页面加载时它不能“永远隐藏”，但是看起来这个div存在然后基于它消失在视觉上很烦人数据绑定。

我该如何解决这个问题？

Answer 1

在为div写出HTML的服务器端代码中，测试SQL值以及是否应该隐藏它，然后将样式属性style="display:none"添加到HTML中。

Answer 2

您必须在服务器端设置初始可见性。将div设置为runat="server"，并在设置按钮的Checked属性后立即执行以下操作：

myDiv.Style.Add("display", (myButton.Checked ? "block" : "none"));

Div加载并在asp.net PageLoad上消失

2 个答案: