Question

我在页面上有以下（简要）概念：

我有5个复选框，具体取决于选中的复选框，我显示对应于复选框选择的div（即如果我选择Test CheckBox 2，则显示对应的div）。

单击复选框时，我可以隐藏并显示div而没有任何问题。我遇到的问题是，在此过程中的某个时刻，用户打开一个模态屏幕，当关闭该页面时，页面会进行回发/重新加载。然后，无论选中哪个复选框，都会隐藏div。

我假设这是因为我在复选框的click事件上调用了该函数。我需要在打开的模态关闭时选择显示的相同div，而不必重新单击复选框。

我的HTML：

 <input type="checkbox" runat="server" id="cbImplement" class="selectCriteria" title="Implementation" value="cbImplement" /><span style="font-weight: bold; color: #4b6c9e">Implement</span>

<ul id="ulTabs">
    <li class="displayItem" id="liImplement" style="display: none"><a href="#divImplement">
        <span style="font-weight: bold; color: #4b6c9e;">Implement</span></a></li>
</ul>

<div id="divImplement" class="divframe"></div>

我的jquery：

     $(".selectCriteria").click(function () {
         var id = $(this).attr('id'); // get checkbox id

       if ($(this).is(':checked')) {
        // Show Implementation
           if (checkboxID == "cbImplement") {
               $('#liImplement').show();
               $('#divImplement').show();
        }
    }
    else{
        // Hide Implementation
        if (checkboxID == "cbImplement") {
            $('#liImplement').hide();
            $('#divImplement').hide();
        }
    }
 });

Answer 1

只需将页面设置为每次加载页面时执行一个函数，并显示div。这样，首次加载页面时，将取消选中复选框并隐藏div。在模态屏幕关闭后的页面重新加载时，该函数再次执行并显示隐藏的div。

隐藏Div工作不正常的功能

1 个答案: