1

これまでのところ、ボタンがクリックされるまで、タブの表示プロパティを none にするためのコーディングがあります。コードを以下に示します。

問題は、一度に 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>

In (これにより、最初のタブのみが表示され、他のタブは非表示になります)

<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 の場合: (ボタン クリック時) (これにより、2 番目のタブが表示され、残りの 3 つのタブは非表示になります)

TabbedPanels1.showPanel(1);

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

3 に答える 3

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 に答える
0

これを試して

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

また

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

jQuery off() .

うまくいかない場合はお知らせください。

更新 1

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

または、jquery タブを使用している場合は、http: //jqueryui.com/demos/tabs/#event-selectをご覧ください。

于 2012-09-05T08:08:47.763 に答える