如何使用JavaScript在asp.net中加载带有指定URL的弹出框？

Question

点击“添加组件”链接后，我想显示一个弹出框。第一次单击它时，它将显示一个正确的对话框，但是如果我一次又一次地单击它将没有弹出框的那个URL，弹出框包含另一个视图页面。如果我关闭那个框，它应该说“已关闭”，如果我再次单击“添加组件”，弹出窗口应显示。这是我的JavaScript和HTML代码：

<script>
    $(document).ready(function () {
            $('#lnkCreate').on('click', function (e) {
                 var url = $(this).attr('href');
                $("#dialog-edit").dialog({
                 title: 'Add Component',
                 autoOpen: false,
                 resizable: false,
                 height: 455,
                 width: 500,
                 show: { effect: 'drop', direction: "up" },
                 modal: true,
                 draggable: true,
                 open: function () {                 
                      $(this).load(url);             
                        alert(url);
                 },            
                 close: function () {
                     $(this).dialog('close');
                     alert("closed view");
                 }
            });
    });
</script>

<p style="padding-left:18em;padding-top:1em">
    @Html.ActionLink("Add Component", "Create",null, new { id = "lnkCreate" })
</p>