Javascript 使用JQuery UI模式对话框时，是否可以显示某个视图或某个ID的url

我正在努力取得一些成就，但我不知道这是否可能。
我有一个指向

/ControllerName/ActionName

的链接
当我点击它时，视图打开，url如下：

localhost:xxxx/ControllerName/ActionName

或

现在，当我使用JQuery UI模式对话框显示在模式视图中打开的相同视图时，url没有改变。
我这样做可能吗？我是在正确的方向上，还是我做错了什么

$(".openDialog").live("click", function (e) {
            e.preventDefault();
            $("<div></div>")
                .addClass("dialog")
                .attr("id", $(this).attr("data-dialog-id"))
                .appendTo("body")
                .dialog({
                    open: function (event, ui) {
                        window.setTimeout(function () {
                            jQuery(document).unbind('mousedown.dialog-overlay')
                            .unbind('mouseup.dialog-overlay');
                        }, 100);
                    },
                    title: $(this).attr("data-dialog-title"),
                    close: function () { $(this).remove() },
                    modal: true,
                    width: 600,
                    height: 'auto',
                    resizable: false, position: 'top'

                }).load(this.href);
        });
...

@Html.ActionLink("about", "About", "Home", null,
       new { @class = "openDialog", data_dialog_id = "test" })

$（“.openDialog”）.live（“单击”，函数（e）{
e、 预防默认值（）；
$("")
.addClass（“对话框”）
.attr（“id”，$（此）.attr（“数据对话框id”））
.附件（“正文”）
.对话({
打开：功能（事件、用户界面）{
setTimeout（函数（）{
jQuery（document.unbind（'mousedown.dialog overlay'））
.unbind（'mouseup.dialog overlay'）；
}, 100);
},
标题：$（this.attr（“数据对话框标题”），
关闭：函数（）{$（this）.remove（）}，
莫代尔：是的，
宽度：600，
高度：“自动”，
可调整大小：错误，位置：“顶部”
}).load（this.href）；
});
...
@ActionLink（“关于”，“关于”，“主页”，空，
新建{@class=“openDialog”，data\u dialog\u id=“test”}）

你所说的“url未更改”是什么意思？我认为他想要的是能够转到该url，并让它在另一个页面上显示模式对话框。这称为深度链接。请看这篇解释它的文章：深度链接是我所需要的。我知道我现在需要什么，但我不知道如何在使用模态对话框时实现它，就像在我的问题代码中一样。有什么帮助吗？

$(".openDialog").live("click", function (e) {
            e.preventDefault();
            $("<div></div>")
                .addClass("dialog")
                .attr("id", $(this).attr("data-dialog-id"))
                .appendTo("body")
                .dialog({
                    open: function (event, ui) {
                        window.setTimeout(function () {
                            jQuery(document).unbind('mousedown.dialog-overlay')
                            .unbind('mouseup.dialog-overlay');
                        }, 100);
                    },
                    title: $(this).attr("data-dialog-title"),
                    close: function () { $(this).remove() },
                    modal: true,
                    width: 600,
                    height: 'auto',
                    resizable: false, position: 'top'

                }).load(this.href);
        });
...

@Html.ActionLink("about", "About", "Home", null,
       new { @class = "openDialog", data_dialog_id = "test" })