1

到目前为止，在单击按钮之前，我已经编写了将选项卡的显示属性设置为无的编码。代码如下。

问题是一次只显示一个选项卡。我想要的是，所有选项卡都应该可见但不可点击。如果可能的话，请帮助我编写代码，或者只是给我一些建议，我将尝试自己编写代码并将其发布在这里作为答案。

谢谢！

在

<div id="TabbedPanels1" class="TabbedPanels">
    <ul class="TabbedPanelsTabGroup">
      <li class="TabbedPanelsTab" tabindex="-1" id="tab1"><b>BOOKING</b></li>
      <li class="TabbedPanelsTab" tabindex="-1" id="tab2" style="">QUOTE</li>
      <li class="TabbedPanelsTab" tabindex="-1" id="tab3">SIGNUP</li>
      <li class="TabbedPanelsTab" tabindex="-1" id="tab4">PAYMENT</li>
    </ul>

在（只有第一个选项卡可见，其他选项卡不可见）

<script type="text/javascript">
$(document).ready(function(){

    /*initially hide all tab except tab1*/
    $('.TabbedPanelsTabGroup').children().hide().eq(0).show();

    /*show tab2 when click the complete button by hiding all tabs*/
    $('.complete').on('click', function(){
         $('#tab2').siblings().slideUp();
        $('#tab2').slideDown();
    });
});
</script>

在 JS 中：（单击按钮时）（这样第二个选项卡将可见，其余 3 个选项卡将不可见）

TabbedPanels1.showPanel(1);

$('.TabbedPanelsTabGroup').children().hide().eq(1).show();
4

3 回答 3

0

试试这个

$('.TabbedPanelsTabGroup').off("click");

或者

$('.TabbedPanelsTabGroup li').off("click");

jQuery 关闭（）。

让我知道它是否不起作用。

更新 1

$('.TabbedPanelsTabGroup li').on("click", function(){
   return false;
});

或者，如果您使用的是 jquery 选项卡，请查看：http: //jqueryui.com/demos/tabs/#event-select

于 2012-09-05T08:08:47.763 回答
0

用这个

 $('.TabbedPanelsTabGroup').children().unbind("click");

 $('.TabbedPanelsTabGroup').children().eq(0).bind("click");

而不是做

$('.TabbedPanelsTabGroup').children().hide().eq(0).show();
于 2012-09-05T08:11:49.653 回答
0

感谢大家的帮助，我终于自己找到了答案。其实很简单。我刚刚在 .js 文件中注释了 Spry.Widget.TabbedPanels.prototype.onTabClick 事件。

/*Spry.Widget.TabbedPanels.prototype.onTabClick = function(e, tab)
{
    this.showPanel(tab);
return this.cancelEvent(e);
};*/

现在选项卡不可点击，可以按我想要的方式工作。

于 2012-09-05T09:42:52.523 回答