jquery ui tab select-Methode nicht funktioniert
Ich habe zwei tabs mit einem submit-button auf jedem tab. Wenn der button angeklickt wird, muss ich laden den Inhalt des entsprechenden tab, um aktualisierte Daten vom server.
if (validStatus()) {
$.ajax({
//...
success: reloadTab
});
}
function reloadTab() {
var currentTab = $("#tabs").tabs("option", "active");
alert(currentTab);
$('#tabs').tabs('select', currentTab);
alert(currentTab);
}
Wenn die Schaltfläche geklickt wird, wird der tab nicht aktualisieren. Ich sehe die erste Warnung, nicht aber den zweiten.
HTML ist wie folgt:
Kopf:
<link rel="stylesheet" href="@this.Url.Content("//code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css")" />
<script>
$(function () {
$("#tabs").tabs();
});
</script>
Körper:
<div id="tabs">
<ul>
<li><a href="#Tab1" title="Tab1">The first tab</a></li>
<li><a href="#Tab2" title="Tab2">the second tab</a></li>
<li><a href="#Success" title="Success">Success</a></li>
</ul>
<div id="Success">
testing
</div>
<div id="Tab1">
<fieldset >
<legend>Overview</legend>
<input type="button" id="submit1" value="submit" />
<br />
</fieldset>
<fieldset style="width: 700px;">
<legend>Overview</legend>
<div>
<table >
//updated with ajax
</table>
</div>
</fieldset>
<script>
//reloadTab is in here
</script>
</div>
<div id="Tab2">
<fieldset style="float:left; width:300px;">
<input id="submit2" type="button" value="submit"/>
</fieldset>
<fieldset style="float:left;">
<legend>Overview</legend>
<table>
//updated with ajax
</table>
</fieldset>
<script>.....</script>
</div>
Du musst angemeldet sein, um einen Kommentar abzugeben.
Stellt sich heraus
tabs.('select', ...)
ist veraltet, verwendentabs.('option', 'active', index)
behoben mein Problem. Lösung gefunden in diesem Kommentar: https://stackoverflow.com/a/16033969/1463649option
,active
. Nur umgestiegen auf die gute alteselect
.Sehen Sie alles, was in der Konsole deines Browsers? Welchen browser verwenden Sie?
Versuchen Sie, diese helfen Ihnen bei der Fehlersuche.