切换 div 不会显示在辐射烷内

Question

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

我有一个按钮，当点击时，我连接了一个点击事件，这样它就可以使用toggle将元素设置为可见。

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

当我单击图标时，事件触发(我添加了一个警报来确保)，但是div内容不可见。

当我将z-index设置得如此之高时，怎么会出现这种情况?

<div id="test1" style="display:none">
...
</div>
$("#mybutton").bind("click", function(e){
  e.preventDefault();
  $("#test1").toggle();
});

当按钮在radpanel内被点击时，div是可见的，但在radpanel外，它是不可见的。

Answer 1

Try: $("#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的滚动属性并将其设置为none。

另一种选择是在显示div时根据其内容调整拆分器的大小(关于调整大小的示例可以在Telerik的这个KB中找到)，通过其客户端API。