javascript - 使用 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

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

只需为 anchor 调用点击事件并使用 anchor 标签的正常流程。如果这不起作用，请尝试将此绑定(bind)点击事件放到 anchor 上:

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

或者更简单的替换:

anchor.trigger("click"); 

与:

anchor.get(0).click();