如何访问tabpanel中用于jquery的面板?
我在tabcontainer的tabpanel中有一个面板。我想在页面加载时隐藏它,并在从单选按钮列表中选择1时显示它。我是jquery的初学者。请帮助好吧,这取决于您如何构造选项卡控件 如果有静态选项卡控件html版本,则可以向要隐藏的面板添加ID属性 在页面加载时隐藏它:如何访问tabpanel中用于jquery的面板?,jquery,asp.net,ajax,Jquery,Asp.net,Ajax,我在tabcontainer的tabpanel中有一个面板。我想在页面加载时隐藏它,并在从单选按钮列表中选择1时显示它。我是jquery的初学者。请帮助好吧,这取决于您如何构造选项卡控件 如果有静态选项卡控件html版本,则可以向要隐藏的面板添加ID属性 在页面加载时隐藏它: $(function(){ $("#id_of_panel").hide(); }); 单击单选按钮时,调用.show方法 请让我知道这是否足够清楚 编辑: 如果是ajax加载,请尝试以下操作: $( "#tab
$(function(){
$("#id_of_panel").hide();
});
单击单选按钮时,调用.show方法
请让我知道这是否足够清楚
编辑:
如果是ajax加载,请尝试以下操作:
$( "#tabs" ).tabs({
ajaxOptions: {
success: function(){
$("#id_of_panel").hide();
}
}
});
<div class="tab-ctrl">
<div class="tab-panel">
// first panel
</div>
<div class="tab-panel">
// second panel
</div>
</div>
工作示例:您必须找到选项卡面板的html元素使用html页面的源代码。使用jquery选择器获取DOM对象并将其隐藏。 关于选择器,请阅读此处 选项卡控件是基本的div容器。它必须具有class或id属性 例如。在结果中,html选项卡控件将如下所示:
$( "#tabs" ).tabs({
ajaxOptions: {
success: function(){
$("#id_of_panel").hide();
}
}
});
<div class="tab-ctrl">
<div class="tab-panel">
// first panel
</div>
<div class="tab-panel">
// second panel
</div>
</div>
或
也许你的控件有api函数,这是你能做到的。尝试阅读插件文档显示tabcontainer和tabpanels的html代码。使用插件或自定义控件?我使用的是ajax tabcontainer和TabPanel我的内部有一个ajax tabcontainer和tab面板请参见我对ajax加载选项卡的修改回答,该选项卡出现以下错误:Microsoft JScript运行时错误:对象不支持此属性或方法。我写过:$document.readyfunction{$tpnlRaiseMRF.tabs{ajaxOptions:{complete:function{$pnlRbtnlInhouseType.hide;}}};};它应该是成功,而不是完整。查看编辑文章中提供的链接!