jQuery:无法选择动态生成的 anchor 元素

Question

我正在编写一些代码，通过对服务器的 Ajax 调用来生成 anchor 元素。列表已成功生成。但是当我尝试按其类选择 anchor 元素时，我什么也没检索到。我的代码有问题吗？有什么建议么？我感谢您的所有反馈。谢谢

这是我的代码

$(document).ready(function(){
  generate_link('somelink.php', '#link ul');

  $(".mylink").css("border","3px solid red"); //this is not works :-(

});   

function generate_link(method_url, target)
{

        $.ajax({
          type: 'GET',
          url: method_url,
          dataType: 'json',
          success: function(data) {
             var str='';
             for(i=0;i<data.length;i++){
                str = str + ('<li><a href="' + data[i]['anchor'] +'" class="mylink"></li>');
                   }
             $(target).html(str);
          } 
        });
}

Answer 1

由于 CSS 是在页面加载时应用的，而不是在您执行 AJAX 调用时应用的，因此 CSS 不会应用到通过 AJAX 添加的元素。尝试将边框设置为 3px 纯红色的行移动到 success 回调，如下所示:

$(document).ready(function(){
  generate_link('somelink.php', '#link ul');
});   

function generate_link(method_url, target)
{

        $.ajax({
          type: 'GET',
          url: method_url,
          dataType: 'json',
          success: function(data) {
             var str='';
             for(i=0;i<data.length;i++){
                str = str + ('<li><a href="' + data[i]['anchor'] +'" class="mylink"></li>');
                   }
             $(target).html(str);
             $(".mylink").css("border","3px solid red"); 
          } 
        });
}

我希望这会有所帮助。