jQuery：動的に生成されたアンカー要素を選択できません

Question

サーバーへのAjax呼び出しでアンカー要素を生成するコードを記述しています。リストが正常に生成されます。しかし、私はクラスのアンカー要素を選択しようとしたとき、私は何も取得しませんでした。私のコードに何か問題がありますか？助言がありますか？私はあなたのすべてのフィードバックに感謝します。おかげ

ここにあなたのコードが実行される時には、私のコード

$(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

のようになります。 AJAXで追加された要素に追加します。このように、あなたはsuccessコールバックに赤く3pxする境界線を設定する行を移動してみてください：

$(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"); 
      } 
     }); 
} 

私はこのことができます願っています。

Answer 2

だ、リンクがページに存在しません。

$.ajax()コールのsuccessコールバックの要素を選択してください。 jQueryのAjaxリクエストを発行し、その後、まだ応答を受信して​​いないコールバック関数へ

Answer 3

移動行を

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

は、即座に上記の行を実行します。その時点で、リンクはまだ作成されていません。あなたのAJAX呼び出しを行うページのロード時とは、CSSが適用されていないいないときにCSSが適用されているので

だから、あなたのAJAX呼び出しが

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"); //added this here 
     } 
    }); 

}