改进自定义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代码提示

回答

相关问题