在點擊Jquery中的標籤菜單上的項目後提交表單

Question

以下示例爲：http://jqueryui.com/demos/tabs/，我希望在單擊標籤-2菜單時提交表單。

以下是我的代碼。但是，點擊後表單不提交。

任何人都可以幫助我嗎？非常感謝！

<script> 
    $(function() { 
     $("#tabs").tabs(); 

     $('#tabs-2').click(function() { 
      $('#target').submit(); 
     }); 
    }); 
</script> 
<div id="tabs"> 
    <form id="target"> 
     <ul> 
      <li><a href="#tabs-1">Tab-1</a></li> 
      <li><a href="#tabs-2">Tab-2</a></li> 
      <li><a href="#tabs-3">Tab-3</a></li> 
     </ul> 
     <div id="tabs-1"> 
     </div> 
     <div id="tabs-2"> 
     </div> 
     <div id="tabs-3"> 
     </div> 
    </form> 

Answer 1

你可能會發現tab插件阻止點擊的默認動作，而不是調用你的點擊事件。

你應該嘗試掛鉤到tabselect事件來代替，而ui.tab檢查所選標籤的href屬性是#tabs-2。

$("#tabs").bind("tabsselect", function(event, ui) { 
    if(ui.tab.attr('href') == '#tabs-2') { 
     $('#target').submit(); 
    } 
}); 

或者當您創建的標籤，而不是你可以這樣做：

$("#tabs").tabs({ 
    select: function(event, ui) { 
     if(ui.tab.attr('href') == '#tabs-2') { 
      $('#target').submit(); 
     } 
    } 
}); 

你也可以使用ui.index獲得所選標籤的零basde指數，或ui.panel得到爲該選項卡選擇的內容div。無論你喜歡什麼！

Answer 2

$(document).ready(function(){ 
    $('#tabs-2').click(function() { 
     $('#target').submit(); 
    }); 
}); 

最新問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 相關問題

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.