Jquery-UI - reload selected tab?

Gibt es eine Möglichkeit das nachladen der ausgewählten Registerkarte, ich weiß, es ist der .load () - Funktion. Aber es will einen tab-index und ich weiß nicht scheinen, um einen Weg finden, zu greifen, die ausgewählten Registerkarten-id.

  • Also deine Frage ist wirklich wie bekommt man die ausgewählte Registerkarte index?
  • Das würde mein problem lösen, ja.
InformationsquelleAutor Renari | 2010-08-06
  1. 24

    Update: In jQuery 1.9, dem selected option umbenannt, um active. Sehen attomman Antwort.

    Um den aktuell ausgewählten index, verwenden Sie die tabs('option','selected') Funktion.

    E. g, wenn Sie haben eine Taste #button (und die #tabs element in tabs), wo Sie wollen, um den index, tun Sie den folgenden:

    $("#button").click(function() {
    var current_index = $("#tabs").tabs("option","selected");
});

    Hier ist eine demo: http://jsfiddle.net/sVgAT/

    Um die Frage zu beantworten, angedeutet durch den Titel, in jQuery 1.8 und früher, Sie würde tun:

    var current_index = $("#tabs").tabs("option","selected");
$("#tabs").tabs('load',current_index);

    Und in jQuery 1.9 und höher, Sie würde tun:

    var current_index = $("#tabs").tabs("option","active");
$("#tabs").tabs('load',current_index);
    • Vielen Dank, das war genau was ich suchte.
    • Das problem bei dieser Lösung ist, dass es lädt nicht ausgewählten Registerkarten zweimal (zwei Zugriffe auf den server).
    • Leider, wie von der neuesten version von jQuery UI dieser nicht mehr funktioniert. Haben Sie zu ersetzen "selected" mit "active" je attomman die Antwort von unten.
    • Nicht für mich arbeiten, bis Hinzugefügt $( "#tabs .ui-tabs-active").click();
    InformationsquelleAutor Simen Echholt
  2. 7

    Simen habe die korrekte Antwort, aber das ist inzwischen veraltet, da die JQuery UI 1.9

    http://jqueryui.com/upgrade-guide/1.9/#deprecated-selected-option-renamed-to-active

    Sie verwenden jetzt 'aktive' anstelle von 'ausgewählten'

    So wird der code wie folgt Aussehen:

    var current_index = $("#tabs").tabs("option","active");
    $("#tabs").tabs('load',current_index);

    InformationsquelleAutor attomman
  3. 2

    In Fall, jemand stößt auf diese Frage und - so wie ich - ist mit den tabs von jQuery EasyUI, Simen s Antwort oben funktioniert nicht. Eher, zu aktualisieren, eine Registerkarte verwenden:

    var tab = $('#tt').tabs('getSelected');
tab.panel('refresh');

    Wo ttist die id von der tab-Gruppe geschaffen, über

    <div id="tt" class="easyui-tabs">
    • Er hat Arbeit für die neue version von Easy UI, vielen Dank
    InformationsquelleAutor Bernd
  4. 1

    Mir gelungen, diese Arbeit, aber es lädt nun der erste Reiter, zweimal, wenn es nicht aktiv ist. Wenn jemand mehr Beratung auf diesem würde sehr geschätzt.Jquery-UI - reload selected tab?

    Die Sie oben sehen können, dass die Anfrage doppelt auf dem server, aber die erste Anforderung ist erfolgreich, also bricht er den zweiten. Nicht sicher, ob dies ein Problem ist oder nicht..? Aber ich bin nicht beruhigt, indem es ihn in die Konsole

      constructor: (@element) ->
    @tabIndex = 0
    @tabs = @element.find('#tabs')
    @tabs.tabs
      spinner: "Loading.."
      cache: false
      ajaxOptions:
        cache: false
        error: ( xhr, status, index, anchor ) ->
          $( anchor.hash ).html "Couldn't load this tab. We'll try to fix this as soon as possible."

    #add custom load to make sure they always reload even the current tab when clicked
    @element.find('ul li a').click (e) =>
      if @tabIndex is @tabs.tabs('option', 'selected')
        @tabs.tabs 'load', @tabs.tabs('option', 'selected')
        @tabIndex = @tabs.tabs('option', 'selected')
    • Dies sollte eine eigene Frage, damit die Menschen können die Antwort richtig 🙂
    InformationsquelleAutor Dave Robertson
  5. 0

    Download dieses Plugin für cookies:

    http://plugins.jquery.com/cookie/

    Einfügen jQuery cookie auf Ihrer Seite 

     <script src="jquery.cookie.js"></script>

    und fügen Sie diese :

    $(".tabs").click(function() {
    //getter , get the active tab
    var active = $( "#tabs" ).tabs( "option", "active" );
    $.cookie("tabs_selected", active);
});

var cookieValue = $.cookie("tabs_selected");
//setter, set the active tab stocked 
$( "#tabs" ).tabs( "option", "active",cookieValue );
    InformationsquelleAutor Wassim Sboui
Schreibe einen Kommentar