使用jQuery单击div时重定向到Html.ActionLink

Question

我想做可点击的div，当单击时重定向到Html.ActionLink锁定在所述div内。

这是可点击的div jquery

<script language="javascript">
    $(".linkdiv").click(function () {
        if ($(this).find("a").length) {
            window.location.href = $(this).find(".top-menu-link").attr("href");
        }
    });
</script>

这就是我写div的方式：

<div id="top-menu-element" class="linkdiv">
     @Html.ActionLink("Home", "Index", "Home", new { @class = "top-menu-link" })
</div>

我认为.attr（“ href”）应该有所不同，但我没有找出应该是什么

Answer 1

如果脚本在“剃刀”视图中，则只需使用：

window.location.href = '@Url.Action("Index", "Home")';

哪个Url.Action执行相同的操作。

Answer 2

<script language="javascript">
    $(".linkdiv").click(function () {
        var anchor = $(this).find("a");
        if (anchor.length) {
            anchor.trigger("click"); 
        }
    });
</script>

只需调用锚点的click事件并使用锚点标记的正常流程即可。 如果这样不起作用，请尝试将此绑定单击事件放到锚点上：

$(".linkdiv").find("a").click( function (e) {
  window.location.href = this.href;
});

或更简单的替换：

anchor.trigger("click"); 

带有：

anchor.get(0).click();