@Html.ActionLink在css类上不起作用

12 浏览
0 Comments

@Html.ActionLink在css类上不起作用

动作链接 @class="info" 在 CSS 上不起作用

@Html.ActionLink("点击这里", "Details", "Product", new { id = item.ProductId, @class="info" }, null)

HTML 页面源代码

点击这里

更新:

另一方面,

如果我设置 @Html.ActionLink("这里的链接", "Details", "Product", new { id = item.ProductId}),那么生成的链接是 localhost:18715/Home/Details?Length=7,为什么?并且它不起作用。

如果我设置 @Html.ActionLink("这里的链接", "Details", "Product", new { id = item.ProductId}, null),它完美地工作并生成这个链接 http://localhost:18715/Product/Details/17

我错过了每个链接的什么东西。

0
0 Comments

问题出现的原因是在使用@Html.ActionLink时,没有正确设置css类属性。解决方法是在ActionLink方法中添加正确的html属性。下面是代码示例:

@Html.ActionLink("Click Here", "Details", "Product", new { id = item.ProductId }, new { class = "info" })

通过添加属性"class = 'info'"来设置css类。这样就能正确生成带有css类的链接。

如果不想添加css类属性,可以使用以下代码:

@Html.ActionLink("link here", "Details", "Product", new { id = item.ProductId })

不过这种情况下,生成的链接可能会包含"Length=7"参数。如果想了解为什么会生成"Length=7"参数的原因,可以参考这篇帖子:stackoverflow.com/a/4360565/3401842。希望这篇帖子对你有帮助。

0
0 Comments

在上面的代码中,使用了一个错误的语法,导致@Html.ActionLink不起作用。正确的语法应该是:

@Html.ActionLink("Back", "Index", " ", new { @class = "col-sm-3 btn btn-outline-secondary btnfs btn-sm" })

原因:

错误的语法导致@Html.ActionLink无法正确解析CSS类的参数。

解决方法:

修改代码中的语法错误,将参数名前添加@符号,以正确传递CSS类。

修正后的代码如下:

@Html.ActionLink("Back", "Index", " ", new { @class = "col-sm-3 btn btn-outline-secondary btnfs btn-sm" })

这样就能正确地使用@Html.ActionLink并传递CSS类参数。

0