jQuery AJAX选项卡+ PHP

jQuery AJAX选项卡+ PHP

问题描述:

看起来像我坚持jQuery选项卡。我试图将选定的选项卡名称传递给一些PHP脚本,但似乎没有得到任何数据。jQuery AJAX选项卡+ 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); 
      } 
     }); 

    }); 

感谢。

+0

也许你可以提供你的HTML的一个简化版本?另外,如果您直接在浏览器中输入网址,您是否会收到回复? (即服务器端是否可以正常工作?) – 2010-03-14 10:11:34

试试这个:

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

}); 
+0

非常感谢,它的工作原理! http://pastebin.com/5MMjwGNi – ufw 2010-03-14 10:32:00

+0

@ufw:那么你应该将这个答案标记为接受。 – 2010-03-14 10:34:25