簡體   English   中英

jQuery AJAX選項卡+ PHP

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM