无法使用ActionLink打开模型弹出窗口

Question

我有这个代码，我正在尝试打开一个模型弹出窗口

@Html.ActionLink("Edit ", "My_Action", "My_Controller", new { Tag_List = Item._tags }, new { @class = "btn-link glyphicon glyphicon-tags", @data_target = "#tagsmodal" })
<div id="tagsmodal" class="modal fade">
</div>

但是当我点击它时，它会在新页面中打开PartialView，而不是模型弹出

我在这里做错了什么

干杯

Answer 1

这是因为您的代码变成了以下HTML（此html发送给用户）：

<a href="/My_Controller/My_Action" class="btn-link glyphicon glyphicon-tags">Edit</a>
<div id="tagsmodal" class="modal fade">
</div>

这意味着如果没有javascript 执行其他操作，则a会打开新页面。

Razor C＃代码对页面中发生的事情无影响。在浏览器/页面中，它只是html＆amp; javascript（＆amp; css）Razor＆amp; C＃意味着什么，不会发送到客户端/浏览器，因此不做任何事情。 （它只生成这个html和javascript然后发送到浏览器）。

在浏览器中，您可以查看来源：

查看razor生成的HTML。你需要编写javascript（一个AJAX调用）来使这个url / data页面以模态而不是新页面打开。