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
HTML-Code
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');
});
}
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>

Kommentar