带有动态加载 URL 的 JQuery UI 对话框

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');