[英]jQuery AJAX tabs + PHP
似乎我被jQuery標簽卡住了。 我正在嘗試將選定的選項卡名稱傳遞給某些php腳本,但似乎沒有任何數據。
選項卡通常是這樣工作的,而服務器端沒有任何響應: http : //pastebin.com/KBxj7p5k
這就是我嘗試將當前選項卡名稱傳遞給服務器的方式:
$(document).ready(function() {
$('ul.tabs li').css('cursor', 'pointer');
$('ul.tabs.tabs1 li').click(function(){
var thisClass = this.className.slice(0,2);
$('div.t1').hide();
$('div.t2').hide();
$('div.t3').hide();
$('div.t4').hide();
$('div.' + thisClass).show('fast');
$('ul.tabs.tabs1 li').removeClass('tab-current');
$(this).addClass('tab-current');
var name = thisClass;
var data = 'name='+name;
$.ajax ({
type:"GET",
url:"handler.php",
data:data,
success:function(html) {
thisClass.html(html);
}
});
});
謝謝。
嘗試這個:
success:function(html) {
$('div.' + thisClass).html(html);
}
您還可以將代碼重構為:
$('ul.tabs.tabs1 li').click(function(){
var thisClass = this.className.slice(0,2);
$('div.t1, div.t2, div.t3, div.t4').hide();
$('ul.tabs.tabs1 li').removeClass('tab-current');
$(this).addClass('tab-current');
var data = 'name='+thisClass;
$.ajax ({
type:"GET",
url:"handler.php",
data:data,
success:function(html) {
$('div.' + thisClass).html(html);
//shows the div after content is loaded:
$('div.' + thisClass).show('fast');
}
});
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.