当我单击链接时,它们似乎不起作用。当我右键单击它们并在新选项卡中打开它们时,它们会正确打开。
我无法弄清楚这种行为的原因。
这是我的_layout.cshtml文件的代码
<!DOCTYPE html>
<html>
<head>
...
<!-- Roboto -->
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:400,500,700">
@Styles.Render("~/Content/css")
@Styles.Render("~/Content/ratchet")
@Scripts.Render("~/bundles/modernizr")
@Scripts.Render("~/bundles/ratchet")
</head>
<body>
<div class="content">
@RenderBody()
</div>
@Scripts.Render("~/bundles/jquery")
@Scripts.Render("~/bundles/bootstrap")
@RenderSection("scripts", required: false)
</body>
</html>
这是我放入index.cshtml的链接示例
<a href="@Url.Action("NewList", "Home", null)">Submit</a>
<a href="/Home/NewList">Submit 2</a>
静态和生成的行为相同,导致我认为这是一个棘轮问题。
编辑 1 显然,即使切换不起作用(再次没有 JS 错误)
<div class="toggle active">
<div class="toggle-handle"></div>
</div>
<div class="toggle">
<div class="toggle-handle"></div>
</div>
它在纯 HTML 模板中工作,所以我必须假设这是来自.Render问题?
http://goratchet.com/components/
编辑 2:
许多组件似乎无法正常工作,我找到了一种绕过此问题的方法,方法是将链接替换为具有提交按钮和隐藏值的表单以 POST 到所需的操作。用户界面很糟糕,但至少按钮可以正常工作。