JQuery와 UI 대화 상자가 동적으로로드 된 URL

Question

은 내가

<a href="approvaledit.php?MSRID=<?php echo $MSRID; ?>" class="exampleLink" >Approval</a> 

같은 앵커를 생성하고 난 JQuery와 UI 대화와 approvaledit.php을 열고 자 그들은 모두가 같은 클래스 이름 모두를 가지고 있기 때문에 나는, 그러나 성공이 생성 된 링크가 첫 번째 href를 열면이 문제를 어떻게 해결할 수 있습니까?

<a href="approvaledit.php?MSRID=<?php echo $MSRID; ?>" class="exampleLink" >Approval</a> 




var $modalDialog = $('<div/>', { 
      'class': 'exampleModal', 
      'id': 'exampleModal1' 
     }) 

     .appendTo('body') 
     .dialog({ 
      dialogClass: 'my-extra-class', 
      resizable: true, 
      title:'PR Approval', 
      autoOpen: false, 
      width:'auto', 
      height:'auto', 
      show: 'fold', 
      position: { my: "right top", at: "top" }, 
      modal: true, 
       close: function(event, ui) { 
      location.reload(); 
    } 
     }).css("font-size", "11px"); 


     $(function() { 
      $('a.exampleLink').on('click', function (e) { 
       e.preventDefault(); 
       var url = $('a.exampleLink:first').attr('href'); 
       $modalDialog.load(url, function(){ 
       $('h4').hide(); $("#btnCancel").hide(); 
       }); 

       $modalDialog.dialog("open"); 
      }); 
     }); 

Answer 1

var url = $ (this) .attr ('href');