Question

我有一个radpanel，在里面我有一个包含一些数据的div，默认display设置为无。

我有一个按钮，点击后，我连接了一个点击事件，然后使用切换将元素设置为可见。

我将div的CSS设置为z-index：9999

当我点击图标时，事件会触发（我添加了警告以确保），但div内容不可见。

当我将z-index设置得如此之高时，这怎么可能呢？

<div id="test1" style="display:none">
...
</div>

$("#mybutton").bind("click", function(e){
  e.preventDefault();

  $("#test1").toggle();
});

更新

如果在radpane内部单击按钮时div可见，但在radpanel外部则不可见。

Answer 1

尝试：$("#test1").toggle(); - 您需要使用ID指定“＃”，否则jQuery会认为它是标记名称。

Answer 2

怎么样：

$("#mybutton").click(function () {
    $("test1").show();
});

Answer 3

RadSplitter里面应该有多个RadPane，因为它的目的是将布局分成多个。

此外，您需要确保所有内容都在RadPane或RadSlidingPane中，因为其他内容不应直接放在主RadSplitter标记内。如果是，最常见的结果是它不会被渲染，因为RadSplitter会忽略它。否则会抛出错误。

至于div是RadPane中的第一个元素 - 只需先声明它：

    <telerik:RadPane runat="server" id="RadPane1">
        <div id="test1" style="display:none">this is the test</div>
        other content
    </telerik:RadPane>

如果您不想使用滚动条，也可以使用RadPane的Scrolling属性并将其设置为none。

另一种选择是在显示div时调整拆分器的大小（调整大小的示例可以在Telerik的this KB中找到）client-side API。

切换div不会显示在radpane内

3 个答案: