Ajax MVC4在同一页面上打开Jquery对话框

我在一个页面上有许多（5-7个或更多）链接，我在对话框中显示链接的数据，但当单击链接时，它会在窗口中打开链接并在对话框中显示数据， 请告诉我仅在对话框中显示数据的正确方法 谢谢 我正在使用以下代码

<script type="text/javascript">
        $(document).ready(function () {
            var id = @Html.DisplayFor(model => model.PK);
                $.ajax({
                    url: "/controller/method/?id="+id,
                    success: function (data) {
                        $("#dialog").html(data);
                    }
                });
        });
     </script>

$（文档）.ready（函数（）{
var id=@Html.DisplayFor（model=>model.PK）；
$.ajax({
url:“/controller/method/？id=“+id，
成功：功能（数据）{
$（“#dialog”）.html（数据）；
}
});
});

---

请告诉我正确的编码方式…谢谢

您可以通过调用

preventDefault（）

假设您的HTML如下所示

<a class="dialog-link" href="url1">Link 1</a>
<a class="dialog-link" href="url2">Link 1</a>

还有JS

<script type="text/javascript">
    $(document).ready(function () {
     $('a.dialog-link').click(function(e){
           var id = @Html.DisplayFor(model => model.PK);
            $.ajax({
                url: "/controller/method/?id="+id,
                success: function (data) {
                    $("#dialog").html(data);
                }
            });
         e.preventDefault();
     });
    });
 </script>

$（文档）.ready（函数（）{
$（'a.dialog-link'）。单击（函数（e）{
var id=@Html.DisplayFor（model=>model.PK）；
$.ajax({
url:“/controller/method/？id=“+id，
成功：功能（数据）{
$（“#dialog”）.html（数据）；
}
});
e、 预防默认值（）；
});
});

您是否添加了jquery ui css文件？如果是，则在这一行后面$（“#dialog”）.html（数据）$（“对话”）.dialog（“打开”）；