Question

我在tabcontainer的tabpanel中有一个面板。我想在页面加载时隐藏它并在我从radiobutton列表中选择1时显示它。我是jquery的初学者。请帮忙

Answer 1

嗯，这取决于你如何构建标签控件。

如果您有静态标签控件（html版本），则可以向要隐藏的面板添加ID属性。

在页面加载时隐藏它：

$(function(){
    $("#id_of_panel").hide();
});

单击单选按钮时，调用.show（）方法。

如果这一点足够清楚，请告诉我。

修改在ajax加载的情况下尝试这样的事情：

$( "#tabs" ).tabs({ ajaxOptions: { success: function(){ $("#id_of_panel").hide(); } } });

工作示例：http://jsfiddle.net/wCzqt/1/

Answer 2

您必须找到标签面板的html元素（使用html页面的源代码）。使用jquery选择器获取DOM对象并隐藏它。关于选择器可以在这里阅读http://api.jquery.com/category/selectors/

您的标签控件是基本的div封装器。它必须具有类或 id 属性。

用于示例。结果html选项卡控件将是这样的：

   <div class="tab-ctrl">
      <div class="tab-panel">
          // first panel
      </div>
      <div class="tab-panel">
          // second panel
      </div>
   </div>

例如，尝试隐藏第一个面板

  $(".tab-ctrl .tab-panel:first").hide();

或

  $(".tab-ctrl .tab-panel:first").css("display", "none");

可能你的控件有api功能，可以做到。尝试阅读插件文档

如何访问tabpanel内的面板以获取jquery？

2 个答案: