将动态 URL 链接到 Umbraco 中的 div

Question

我正在使用 Umbraco 构建一个网站，并且我有一个 div，其中当前有一个链接。当前代码是：

<div class="callout col-sm-4 leftCtaLink">
    <p>@CurrentPage.leftDescription</p>
    <a class="primary-bg" href="@CurrentPage.leftCtaLink"><img class="svg-inject" src="@Umbraco.Media(CurrentPage.leftIcon).umbracoFile" alt="Icon" />@CurrentPage.leftCtaText</a>
</div>

这可行，并且只有标注的下半部分链接到正确的页面。客户端希望整个 div 现在可以链接，所以我想我会用 jQuery 来做这件事。就是这样：

<script type="text/javascript">
$(document).ready(function () {
    $(".leftCtaLink").click( function() {
        window.location=$(this).find("a").attr("@CurrentPage.leftCtaLink");
        return false;
    });
});
</script>

问题是，当点击 div 时，它会将我带到网站的 url，其末尾带有 /undefined。谁能告诉我我需要在 JS 中进行哪些更改才能让它使用在 CMS 中输入的正确 URL？

Answer 1

更改为attr("href")。

$(document).ready(function () {
    $(".leftCtaLink").click( function() {
        window.location=$(this).find("a").attr("href");
        return false;
    });
});