使用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();