Jquery Tabs: Spinner-Option funktioniert nicht - jquery-ui, jquery

Ich brauche eine Ajax-Animation, während die Remote-Seite in Registerkarten geladen wird.

ich benutze

$("#tabs2").tabs({ spinner: ""<img src="/images/../../Content/images/Jquery/spinner.gi"" });

Sogar $("#tabs2").tabs({ spinner: "Loading.." }); funktioniert auch nicht ...

Die Tab-Funktionalität funktioniert zwar, aber die Animation funktioniert nicht ...

Ich verwende JQuery-Designrollendateien. Deine Hilfe ist sehr Willkommen. Danke vielmals

Antworten:

5 für die Antwort № 1

Sorry Problem gelöst Ich stelle ein <span> Tag in den Registerkarten. Die Lösung wurde in Jquery-Supportdiskussionen gefunden. http://docs.jquery.com/Discussion

z.B.

<li><a href="../URL">**<span>Text to display in Tabs</span></a></li>
<li><a href="tabdiv">**<span>Text to display in Tabs</span></a></li>

---

3 für die Antwort № 2

Wenn der Spinner für Sie nicht funktioniert (für mich nicht), versuchen Sie Folgendes:

$("#tabs").tabs({
beforeLoad: function (event, ui) {
ui.panel.text("Retrieving data...");
}
});

---

2 für die Antwort № 3

Dieser erste Code-Snippet sieht in seiner Veröffentlichung falsch aus. Es sollte sein:

$("#tabs2").tabs({ spinner: "<img src="/images/../../Content/images/Jquery/spinner.gif"/>" });

Der zweite Ausschnitt sollte gut funktionieren, vorausgesetzt, "# tabs2" bezieht sich auf die Container-Registerkarte und nicht auf eine der einzelnen Registerkarten.

Bearbeiten Sie Ihre Frage und veröffentlichen Sie den zugehörigen HTML-Code für die Registerkarten.

---

1 für die Antwort № 4

Die Spinner-Option der Jquery.ui-Registerkarten werden nur beim Laden von Remote-Inhalten mit Ajax verwendet. Sind Sie sicher, dass Sie den Ajax-Modus verwenden und nicht einfach vorhandenen Inhalt auf Ihrer Seite mit Registerkarten anzeigen und ausblenden?

---

1 für die Antwort № 5

Ich konnte nicht herausfinden, was die Antwort ist, also noch einmal, ob jemand es auch nicht herausfinden konnte.

Beim Laden wird nicht der Inhalt der Registerkarte ersetzt, sondern der Titel der Registerkarte. Alles, was Sie tun müssen, ist, den Tab-Titel in Span-Tags zu setzen

Vor:

<ul >
<li><a href="link.html" >Users</a></li>
</ul>

nach

<ul >
<li><a href="link.html" ><span>Users</span></a></li>
</ul>

Wie Sie sehen, muss die Kopfzeile der Registerkarte mit Spannweite umgeben sein Benutzer werden <span>Users</span>

---

0 für die Antwort № 6

Durch Hinzufügen eines Texts um die Tab-Links wird das Problem behoben. Die Lösung von Sumanta ist korrekt, aber ich bin nicht sicher, ob Sie die beiden Sternsymbole benötigen, die sich darin befinden.

---