Я создаю "check-out", например, взаимодействие с вкладками пользовательского интерфейса jQuery. Это означает, что щелчок кнопки на первой вкладке деактивирует первую вкладку и переместится к следующей. Я расчесывал сообщения в Stack Overflow, но ничего, что я пытаюсь, кажется, работает. Я использую jQuery UI 1.8, вот код:
<script type="text/javascript">
$(document).ready(function() {
var $tabs = $('#tabs').tabs({ selected: 0 });
$tabs.tabs('option', 'selected', 0);
$("#tabs").tabs({disabled: [1,2]});
$("#addstudent").click(function(){
$tabs.tabs('option', 'selected', 1);
$("#tabs").tabs({disabled: [0,2]});
});
$("#confirm").click(function(){
$tabs.tabs('option', 'selected', 2);
$("#tabs").tabs({disabled: [0,1]});
});
});
</script>
<div id="tabs">
<ul>
<li><a href="#fragment-1">Student Information</a></li>
<li><a href="#fragment-2">Confirmation</a></li>
<li><a href="#fragment-3">Invoice</a></li>
</ul>
<div id="fragment-1">
<button id="addstudent" >Add Student</button>
</div>
<div id="fragment-2">
<button id="confirm" >Confirm</button>
</div>
<div id="fragment-3">
tab 3, index 2
</div>
</div>
Когда я нажимаю кнопки, следующая вкладка разблокируется (в том, что она выбирается), но она не отключает вкладку с индексом 0 и переключается на вкладку с индексом 1. Кроме того, соответствующая панель не отображается.