改進自定義jQuery代碼提示

好的，所以這裏是一個非常非常非常基本的jQuery lightbox代碼，問題是我需要爲每個不同點擊的元素編寫新的代碼行。我的問題是如何將這個燈箱綁定到每個類或id上，並附上rel =「qpLighbox」附件，並使用href標籤通過AJAX獲取所需的文件。所以這裏是當前的代碼改進自定義jQuery代碼提示

$(".user_settings").click(function() { 

     $("#qpbox-content").show(); 
     $("#qpbox-overlay").show(); 
     $("#qpbox-loader").html("<img src='images/4.gif' />"); 

     var xhr = $.ajax({ 
     type: "GET", 
     url: "ajax.php", 
     data: "ajax=1&ajax_f=user[settings]", 
     success: function(html){ 
      $("#qpbox-utm").html(html); 
      $("#qpbox-loader").html(""); 
     }, 
     error: function (XMLHttpRequest, textStatus, errorThrown) {$("#qpbox-loader").html(errorThrown);} 
     }); 

     });

來源

2011-08-05 PT Desu

您可能要修改這一點，以便發送到URL中的數據發生變化（例如，通過將數據-XX屬性來鏈接，其中xx是任何對數據的名稱是。）

// Binds the lightbox to all links whose rel attribute is qpLightbox 
$("a[rel='qpLightbox']").click(function(e) { 
    e.preventDefault(); 

    // Use the link's href attribute as the src for the lightbox content. 
    var url = $(this).attr("href"); 

    $("#qpbox-content").show(); 
    $("#qpbox-overlay").show(); 
    $("#qpbox-loader").html("<img src='images/4.gif' />"); 

    $.ajax({ 
     type: "GET", 
     url: url, 
     data: "ajax=1&ajax_f=user[settings]", 
     success: function(html) { 
      $("#qpbox-utm").html(html); 
      $("#qpbox-loader").html(""); 
     }, 
     error: function (XMLHttpRequest, textStatus, errorThrown) { 
      $("#qpbox-loader").html(errorThrown); 
     } 
    }); 

});

來源

2011-08-05 21:19:07 simshaun

$(this).attr('href') 點擊事件裏面給你href值。作爲選擇器，你可以將所有需要附加到此類事件的元素都放在同一個類中？

，如果你需要通過相對過濾，你可以在你的選擇中添加一些像

$('.yourClass[rel=\'yourRel\']')

來源

2011-08-05 21:26:14

改進自定義jQuery代碼提示

回答

相關問題