如何通过包含overflow-y:hidden的ajaxcontroltoolkit删除自动生成的div

时间:2013-09-10 12:19:58

标签: jquery asp.net ajaxcontroltoolkit jquery-chosen

最近,我开始在现有的Web应用程序中使用选定的下拉列表。由于ajax控件工具包可折叠面板生成的div,下拉列表无法正常工作。它们被溢出y:cut隐藏。

当我在Chrome中使用inspect元素删除此属性时(与firebug相同)一切正常。我做了一些研究,但似乎无法找到解决问题的方法。

这是生成的div(通过ajaxcontroltoolkit):

<div id="" class="" style="border: 0px; 
 margin: 0px; padding: 0px; overflow-y: hidden; 
 visibility: visible; height: auto; display: block;">
  .......
</div>

下面是情况的图片,我在mspaint中刷了一下,所以这就是为什么它看起来很糟糕。在图像下方,drowdown停止,按钮为页面末尾后有2个按钮。

enter image description here

让我们说下面是我的正常代码,文档中div的位置是注释的位置。

<div class="tempdivso">&nbsp;</div>
<!-- it is generated right here !-->
<asp:Panel ID="collapsibelPanel" runat="server" CssClass="minheight no-overflow">

请告诉我如何将生成的溢出更改为可见或完全删除div。

1 个答案:

答案 0 :(得分:1)

我终于通过不再使用AjaxControlToolkit解决了这个问题。不幸的是,这是唯一不错的完美工作解决方案。所以我只是通过使用jQuery show复制行为,并仅为此面板隐藏。