jquery - 为什么按钮标签禁用我的操作链接？

Question

我尝试将 css 用于我的操作链接，目的是让它们看起来像一个简单的按钮。

@Html.ActionLink("Ajouter une thématique", "AddThematic", new { ParentId = "var1", ParentName = "var2", IsAdult = "var3" }, new { @id = "AddThematic", @style="color:black" }) 

如果我不使用按钮标签添加 css，它会完美地工作。

   <button type="button" class="btn btn-default btn-xs">
      <span class="glyphicon glyphicon-plus"></span>
      @Html.ActionLink("Ajouter une thématique", "AddThematic", new { ParentId = "var1", ParentName = "var2", IsAdult = "var3" }, new { @id = "AddThematic", @style="color:black" })
   </button>

在这种情况下，您可以单击按钮，但页面不会重新加载，您也不会转到“删除”页面

不明白为什么它不起作用。

我还使用 JQuery 将数据更改为 ActionLink :

        $('#AddThematic').click(function () {
            var ParentId = $('#ParentThematic').val();
            var ParentName = $('#ParentThematic option:selected').text();
            var IsAdult = $('#ChkIsAdult').is(':checked').toString();
            this.href = this.href.replace("var1", ParentId);
            this.href = this.href.replace("var2", ParentName);
            this.href = this.href.replace("var3", IsAdult);
        });

你有想法吗？

<span class="glyphicon glyphicon-plus"></span>
@Html.ActionLink("Ajouter une thématique", "AddThematic", new { ParentId = "var1", ParentName = "var2", IsAdult = "var3" }, new { @id = "AddThematic", @Class="btn btn-default btn-xs" })

这很好，但是如何将字形图标放入按钮中？

最后我用这个:

 @Html.ActionLink("Ajouter une thématique", "AddThematic", new { ParentId = "var1", ParentName = "var2", IsAdult = "var3" }, new { @id = "AddThematic", @Class="glyphicon glyphicon-plus btn btn-default btn-xs" })

How to apply two CSS classes to a single div/span

此链接和您的回答对我帮助很大，谢谢!

Answer 1

glyphicon glyphicon-plus@Html.ActionLink 为您创建按钮标记，因此您所做的就是将链接包装在按钮中。如果您希望操作链接看起来像一个按钮，只需为其添加样式即可。

对于图标执行此操作:

<a class="btn" href="@Url.Action("AddThematic", new {id = Model.CodeTemplateId})" id="A3" title="Help"><i class="glyphicon glyphicon-plus"></i></a>