Ankündigung

Einklappen
Keine Ankündigung bisher.

[Erledigt] JQuery Tab aktualisiert sich nicht automatisch

Einklappen

Neue Werbung 2019

Einklappen
X
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • [Erledigt] JQuery Tab aktualisiert sich nicht automatisch

    Hallo, ich habe ein kleines Problemchen mit JQ.

    Und zwar habe ich zwei Tabs eingebaut die auch wunderbar funktionieren, der Inhalt kommt von einer PHP-Datei die in einer anderen Datei included wird, diese wird dann vom Tab ausgegeben. Wenn jetzt eine Person ein bestimmtes Formular ausfüllt sollen die Tabs mit den neuen Inhalt vom User aktualisiert werden, das klappt aber nicht.
    Egal ob ich die index Seite neu lade etc, der Text erscheint nicht. Erst wenn ich die PHP-Datei die included wird oder die PHP-Datei die die SQL-Abfrage verarbeitet aktualisiere, erscheint auch der aktuelle Text.
    Ohne JQuery funktioniert es. Hat jemand so ein ähnliches Problem auch schon mal gehabt?


    JS-Code

    Code:
    var containerId = '#tabs-container';
    var tabsId = '#tabs';
    
    $(document).ready(function(){
    	// Preload tab on page load
    	if($(tabsId + ' LI.current A').length > 0){
    		loadTab($(tabsId + ' LI.current A'));
    	}
    
        $(tabsId + ' A').click(function(){
        	if($(this).parent().hasClass('current')){ return false; }
    
        	$(tabsId + ' LI.current').removeClass('current');
        	$(this).parent().addClass('current');
    
        	loadTab($(this));
            return false;
        });
    });
    
    function loadTab(tabObj){
        if(!tabObj || !tabObj.length){ return; }
        $(containerId).addClass('loading');
        $(containerId).fadeOut('fast');
    
        $(containerId).load(tabObj.attr('href'), function(){
            $(containerId).removeClass('loading');
            $(containerId).fadeIn('fast');
        });
    }
    HTML-Code
    Code:
    <div id="page">
            <ul class="mytabs" id="tabs">
                <li class="current"><a href="http://localhost/xxx/text_tab.php">Text</a></li>
                <li><a href="http://localhost/xxx/video_tab.php">Videos</a></li>
            </ul>
            <div id="content_tabs">
            <div class="mytabs-container" id="tabs-container">
                Laden, bitte warten...
            </div>
        </div>
        </div>

  • #2
    Schmeiss den code weg, das steckt alles schon im plugin => http://jqueryui.com/demos/tabs/#ajax

    Den Inhalt des ersten Tabs kannst du beim initialen Aufruf der Seite mit ausliefern.

    Kommentar


    • #3
      Hey, danke für deine Antwort.
      Hab den Code wirklich entsorgt und IDTabs eingebaut, ist glaube eine ganz gute alternative. Bei dem Original-Plugin habe ich mich etwas schwer getan. Jetzt funktioniert alles und eine Refresh-Funktion kann ich in den Code auch einbauen, das hat nämlich bei meinem auch nicht geklappt.

      Für alle die auch Hilfe benötigen, hier gibt es ein Youtube-Link zu nem guten Tutorial.

      http://www.youtube.com/watch?v=fjVNozrHCmA

      Viele Grüße und danke nochmals....

      Kommentar

      Lädt...
      X