不能清除领域倒塌面板

问题描述：

在搜索页面，我有几个引导面板像这样的：不能清除领域倒塌面板

tabSearchPart1

它打开下面的选项卡窗格

单击 @ {时Html.RenderPartial（ “_ tabSearchPart1”）; }

我对清除所有领域的页面顶部的复位按钮：

它调用下面的代码：

$("#searchReset").click(function() { 
     $(':input') 
      .not(':button, :submit, :reset, :hidden') 
      .val('') 
      .removeAttr('checked') 
      .removeAttr('selected'); 
    });

现在，这个完美的作品，除了在倒塌标签面板。如果它们崩溃了，它们将不会清除。如果我点击标签打开它，然后点击重置按钮，它将清除该标签中的字段。我试过在上面的代码块中添加这一行： $（“＃tabSearchPart1”）。collapse（'show'）; 但它似乎没有任何影响。

我试图设置每个面板显示在清除之前清除重置，但它所做的只是显示所有内容而不清除域。

有谁知道一种方法来清除折叠面板中的字段？

我不希望涉及事件侦听器，因为它最终可能会在点击选项卡时触发。

答

问题是jquery不会对非显示元素（display：none）进行操作。我会尝试覆盖隐藏选项卡窗格的默认CSS。

默认是这样的：

.tab-content>.tab-pane { 
    display: none; 
    visibility: hidden; 
} 

.tab-content>.active { 
    display: block; 
    visibility: visible; 
}

试试这个：

.tab-content>.tab-pane { 
    display: block; 
    visibility: visible; 
    position:absolute; 
    top:-99999px; 
    left:-99999px; 
} 

.tab-content>.active { 
    position:static; 
    top:0; 
    left:0; 
    display: block; 
    visibility: visible; 
}

（确保CSS是默认的引导CSS后加入）

这将保证元素可用到jQuery，然后可以清除。

HTH，

-Ted

不能清除领域倒塌面板

相关推荐