jQuery UI Dialog第二次没有打开

Question

jQuery UI对话框未第二次打开

我有一系列数据如下

HTML

<a href="javascript:void(0);" class="popup_1" pop_val="abc" >Dummy Text</a>
<a href="javascript:void(0);" class="popup_1" pop_val="vbg" >Dummy Text</a>
<a href="javascript:void(0);" class="popup_1" pop_val="aere" >Dummy Text</a>
<a href="javascript:void(0);" class="popup_1" pop_val="vbb" >Dummy Text</a>


<div id="dialog" title="TEST MODAL">
    Loading...
</div> <!-- dialog -->

的jQuery

脚本一

这个运行完美

<script>
$(".popup_1").bind('click', function (e) {


    var pop_value = $(this).attr("pop_val");
    console.log(pop_value);

    $("#dialog").dialog({
            autoOpen: false,
            width: 700,
            modal: true,
    });

    $("#dialog").dialog("open");


});
</script>

脚本二

这个脚本第一次运行，第二次不运行， 相反，它会给出错误

  

Uncaught TypeError：Object [object HTMLAnchorElement]没有方法   'ATTR'

     

[var pop_value = $（this）.attr（“pop_val”）; ]

<script>
$(".popup_1").bind('click', function (e) {


    var pop_value = $(this).attr("pop_val");
    console.log(pop_value);

    $("#dialog").dialog({
            autoOpen: false,
            width: 700,
            modal: true,
    });


    $.post("ajx_page.cfm?PID="+pop_value, {}, function(return_data){
        $("#dialog").html(return_data);
    });

    $("#dialog").dialog("open");

});
</script>

我不知道为什么会抛出错误。我在SO上已经解决了其他问题，但无法得到完美的解决方案。