jqueryダイアログクラスセレクタ各関数

Question

ボタンをクリックしてjqueryダイアログを開こうとしています。 1つのボタンと1つのダイアログでうまくいけば問題ですが、ダイアログとボタンのペアを動的に作成しました。私はダイアログを初期化するために各関数jqueryを使用していますが、動作しません。

私のPHPのコード

echo '<div class="cp-button"> 
    <div class="popup" title="something"> $row[1] </div> 
    <input type="button" value="Show Code" class="btnGetCode"/>'; 
echo '</div>'; 

jQueryの

$(".popup").each(function() { 
    $(this).dialog(
    { 
     autoOpen: false, 
     width: 880, 
     height: 270, 
     show: { 
      effect: "blind", 
      duration: 1000 
     }, 
     hide: { 
      effect: "explode", 
      duration: 1000 
     } 
    }); 
}); 

$(".btnGetCode").on("click", function() { 
    $(this).prev().dialog("open"); 
}); 

Answer 1

この

$(function(){ 
    $(".cp-button").on("click", ".btnGetCode", function(){ 
    //code 
    }); 
}); 

EDITしてみてください：あなたは目に見える要素を持っている必要がある場合、ページの読み込み https://jsfiddle.net/orlandordzch/j7xfyL93/1/

Answer 2

はそれを考え出した:)

HTML

echo '<div class="cp-button"> 
    <div class="popup" for="tag'.$i.'"> somehing </div> 
    <input type="button" value="Show Code" class="btnGetCode" id="tag'.$i.'"/> </div>'; 

をjQueryの

var opt={  
      autoOpen: false, 
      width: 880, 
      height: 270, 
      show: { 
       effect: "blind", 
       duration: 1000 
      }  
     }; 

$(".popup").dialog(opt); 
$(".btnGetCode").click(function() { 
    $(".popup[for='"+this.id+"']").dialog("open"); 
    return false;  
});