使用按鈕上的類重新加載Jquery頁面內容

Question

我正在使用一個按鈕，它具有根據它的位置而變化的類。如果該按鈕處於打開狀態，則該類將等於「按鈕打開」，如果該按鈕處於關閉狀態，則class = 「button off」

默認情況下，按鈕將打開，所以某種類型的信息將從數據庫中加載，但是如果有人點擊它，我想從數據庫加載另一種類型的信息。我不知道如何使類更改觸發器信息加載。我不想讓整個頁面重新載入它的內容，我不知道如何！這可能與jQuery，或者我應該做的其他事情。

我使用在本網站的按鈕找到該腳本：HTTP：//www.webstuffshare.com/2010/03/stylize-your-own-checkboxes/

Answer 1

獲得無頁面重載的一些數據你可以使用jquery.ajax（）函數：

$.ajax({ 
    url: "test.html", 
    success: function(data){ 
    $("#some_id").html(data); 
    //or make whatever manipulations you want 
    } 
}); 

如果關於觸發遺留問題請指定如何更改類。

好的。

if(jQuery(this)[0].checked == true) { 
    jQuery(this).after('<div class="'+ setClass +' on" rel="'+ thisID +'">&nbsp;</div>'); 
    //here the request for one data 
    $.ajax({ 
    url: "one url", 
    success: function(data){ 
     $("#some_id").html(data); 
    } 
    }); 
} 
else { 
    jQuery(this).after('<div class="'+ setClass +' off" rel="'+ thisID +'">&nbsp;</div>'); 
    //and here - for another 
    $.ajax({ 
    url: "another url", 
    success: function(data){ 
     $("#some_id").html(data); 
    } 
    }); 

}