@Html.ActionLink在css类上不起作用
@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
。
我错过了每个链接的什么东西。
问题出现的原因是在使用@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。希望这篇帖子对你有帮助。
在上面的代码中,使用了一个错误的语法,导致@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类参数。