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时，它会将我带到网站的网址，其末尾是/ undefined。任何人都可以告诉我在JS中需要更改的内容，以使其使用在CMS中输入的正确URL吗？

Answer 1

更改为attr("href")。

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

将动态URL链接到Umbraco中的div

1 个答案: