:: ClanSphere :: Free OpenSource Clan CMS :: - Forum - jQuery UI geht nicht, wenn Ajax aktiv ist...

Antworten: 9

Seite [1]

lemon

Beginner

Beiträge: 4

# Thema - 07.04.2011 um 21:01 Uhr

Hallo, liebe ClanSphere Community!

Ich bin gerade dabei ein Design an ClanSphere anzupassen (mein erstes mal).
Das Design hat einige jQuery (UI) Spielerein, die bis jetzt auch alle funktionieren.

Doch wenn ich in ClanSphere Ajax aktiviere, funktionieren die jQuery UI Sachen nicht mehr (Content Slider und Tabs), die normalen jQuery Scripts laufen ohne Probleme weiter.

Wenn ich bei aktiven Ajax auf einen Button vom Content Slider oder den Tabs clicke sagt mir mein FireBug:

"Fehler: uncaught exception: jQuery UI Tabs: Mismatching fragment identifier."

tabs.js

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

1. / 2. / ...

   $(document).ready(function() {
        $("#box_info_tabs").tabs({ fx: { opacity: 'toggle' ,duration: 250 } }).tabs( "rotate" , 8000 , [false] );
        $("#box_content_info").hover(
        function() {
        $("#box_info_tabs").tabs("rotate",0,true);
        },
        function() {
        $("#box_info_tabs").tabs("rotate",8000,true);
    });
  });

Danke für eure Zeit.

MfG.

lemon

Inaktiv

SCHIRI

Weltmeister

Herkunft: Hamburg
Beiträge: 5299

# Antwort: 1 - 07.04.2011 um 22:56 Uhr

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.

1. / 2. / ...

$(document).ready(function() {

$(document).bind('csAjaxLoad', function(e,ele) {

ele.find("#box_info_tabs").tabs({ fx: { opacity: 'toggle' ,duration: 250 } }).tabs( "rotate" , 8000 , [false] );
        ele.find("#box_content_info").hover(
        function() {
        ele.find("#box_info_tabs").tabs("rotate",0,true);
        },
        function() {
        ele.find("#box_info_tabs").tabs("rotate",8000,true);
        });
}).triggerHandler('csAjaxLoad', document.body);
});

so müsste das gehen.

------------------
www.laszlokorte.de

Zuletzt editiert von SCHIRI am 07.04.2011 um 22:56 Uhr (2x Editiert)

Inaktiv

lemon
Thread-Ersteller

Beginner

Beiträge: 4

# Antwort: 2 - 08.04.2011 um 11:34 Uhr

Funktioniert leider nicht.
Wenn ich dein Code nehme geht übrigends gar kein jQuery mehr, egal ob Ajax an ist oder nicht.

Fehler mit deinem Code: ele.find is not a function

Gruß lemon

Inaktiv

Fr33z3m4n

Medal of Honor

Herkunft: Hamm
Beiträge: 11094

# Antwort: 3 - 08.04.2011 um 11:46 Uhr

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.

1. / 2. / ...

$(document).ready(function() {

$(document).bind('csAjaxLoad', function(e,ele) {

$(ele).find("#box_info_tabs").tabs({ fx: { opacity: 'toggle' ,duration: 250 } }).tabs( "rotate" , 8000 , [false] );
        $(ele).find("#box_content_info").hover(
        function() {
        $(ele).find("#box_info_tabs").tabs("rotate",0,true);
        },
        function() {
        $(ele).find("#box_info_tabs").tabs("rotate",8000,true);
        });
}).triggerHandler('csAjaxLoad', document.body);
});

------------------
mfg
Patrick "Fr33z3m4n" Jaskulski

Antoine de Saint-Exupéry: Wenn Du ein Schiff bauen willst, so trommle nicht Männer zusammen, um Holz zu beschaffen, Aufgaben zu verteilen, sondern lehre die Männer die Sehnsucht nach dem endlosen weiten Meer.

Zuletzt editiert von Fr33z3m4n am 08.04.2011 um 11:48 Uhr (2x Editiert)

Inaktiv

lemon
Thread-Ersteller

Beginner

Beiträge: 4

# Antwort: 4 - 08.04.2011 um 15:27 Uhr

Geht immer noch nicht

Mit dem Code von Fr33z3m4n ist es wie mit meinem original Code, alles geht, solange Ajax aus ist.
Ist Ajax an, gehen die normalen jQuery Sachen ohne Probleme, nur die jQuery UI Scripts geben wie bei meinem Code den Fehler:

"uncaught exception: jQuery UI Tabs: Mismatching fragment identifier." aus.

Ich habe mal auf die Schnelle die jQuery UI Tabs auf eine Test Seite gebastelt, da ich die betroffene Seite nicht unfertig veröffentlichen möchte. Problem ist aber genau das gleiche.

Link: "entfernt" (Ajax ist an)

Gruß
lemon

Zuletzt editiert von lemon am 08.04.2011 um 21:48 Uhr (1x Editiert)

Inaktiv

SCHIRI

Weltmeister

Herkunft: Hamburg
Beiträge: 5299

# Antwort: 5 - 08.04.2011 um 15:35 Uhr

edit: ok doch nicht.

Das Problem ist, dass sich jQueryUI-Tabs auf ein gewisses Format der URL verlässt und sich dahingehend wohl nicht weiter konfigurieren lässt, aber die Ajax-Implementierung von Clansphere ja eben das URL-Format leicht ändert.

Ich denke nicht, dass sich das so einfach ändern lässt. Evtl musst du wenn du unbedingt Ajax und Tabs benutzen willst ein anderes Tabs-Plugin für jQuery benutzen.

------------------
www.laszlokorte.de

Zuletzt editiert von SCHIRI am 08.04.2011 um 15:42 Uhr (2x Editiert)

Inaktiv

lemon
Thread-Ersteller

Beginner

Beiträge: 4

# Antwort: 6 - 08.04.2011 um 21:47 Uhr

Moin,

danke für eure Hilfe. Nach langem vergeblichen suchen nach einem vergleichbaren Tabs-Plugin hatte ich dank deiner Erklärung, dass sich die jQueryUI-Tabs auf ein Format der URL verlassen eine Idee.

Die URL ist immer (hoffe ich doch): "/index.php". Die jQueryUI-Tabs-Buttons verlinken normal auf den entsprechenden Tab-Content.

z.B.

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.

1. / 2. / ...

<div id="box_tabs_container">
                   <ul class="box_tabs">
                       <li id="tab_1"><a href="#tab_content_1"></a></li>
                       <li id="tab_2"><a href="#tab_content_2"></a></li>
                       <li id="tab_3"><a href="#tab_content_3"></a></li>
                   </ul>

                            <div id="tab_content_1">
                                <p>Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
                            </div>

                            <div id="tab_content_1">
                            <p>Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
                            </div>

                            <div id="tab_content_1">
                            <p>Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
                            </div>
  </div>

Das Problem ist jetzt, dass der tab-content ja gar nicht in der index.php ist, sonder in der einige Verzeichnisse weiter liegenden index.htm.
Ist aber die URL immer gleich, kann einfach auf diese verlinkt werden.

Also:

1.
2.
3.
4.
5.
6.
7.

1. / 2. / ...

Ist zwar nicht schön, läuft bei mir aber so weit ohne Probleme.

Gruß
lemon

Inaktiv

Jam2

Highlander

Beiträge: 3291

# Antwort: 7 - 09.04.2011 um 13:47 Uhr

Und das funktionioert mit eingeschaltetem Ajax? weil genau dieser anchor wird bentutzt

------------------
Gruß/ Best regards
Jam2

Nützliche Forumbeiträge/Codepastes: (Useful comments in our board / codepastes)
Template Switch for index.php
Board Navlist last posts

Edi: könnte man denn auch hier eine erweiterung einfügen?
Jam2: das web ist wie toyota.....

Edi: hö ?
Jam2: nichts ist unmöglich!

Inaktiv

lemon
Thread-Ersteller

Beginner

Beiträge: 4

# Antwort: 8 - 10.04.2011 um 14:33 Uhr

ja, das funktioniert sowohl mit als auch ohne eingeschaltetem Ajax.

Inaktiv

palle

Supporter

Beiträge: 3073

# Antwort: 9 - 01.05.2011 um 14:13 Uhr

ÖHM Leute das Funktioniert ohne das man etwas am Script ändern muss.
Man brauch den links bloß die noajax klasse geben...heißt also das aus:

1.	1. / 2. / ... <li id="tab_1"><a href="/templates/clansphere/index.htm/#tab_content_1"></a></li>

wird

1.	1. / 2. / ... <li id="tab_1"><a href="#tab_content_1" class="noajax" title=""></a></li>

'edit'
habs versucht funktioniert :]

------------------

I like the part where it says 'nyan'

Zuletzt editiert von palle am 01.05.2011 um 14:14 Uhr (1x Editiert)

Inaktiv

Antworten: 9

Seite [1]

Sie müssen sich registrieren, um zu antworten.

Forum - Thema
Nächstes Thema ->
Forum -> Support -> (X)HTML, CSS, JavaScript -> jQuery UI geht nicht, wenn Ajax aktiv ist...