jQuery 返回“未定义”试图找到href

Question

我试图将其包装到一个函数中：

//Entire Div Clickable
function clickableDiv(){
window.location = $(this).find("a").attr("href");
return false;
}

然后通过以下方式调用它：

$("div.promo1").click(function(){
clickableDiv();
});

但它返回一个网址： www.mywebsite.com/undefined

有什么想法我做错了吗？

谢谢。

Answer 1

问题在于您正常调用 clickableDiv，而不是将其绑定到事件。您从事件处理程序运行它，而不是将其设置为事件处理程序。这意味着 this 未设置为该元素。

您应该将该函数设置为事件处理程序。

$("div.promo1").click(clickableDiv);

Answer 2

function clickableDiv(div) {
    window.location = $(div).find("a").attr("href");
}

$("div.promo1").click(function() {
    clickableDiv(this);
});

您必须将对 DIV 的引用传递到 clickableDiv 函数中。

---

更新：替代解决方案：

function clickableDiv() {
    window.location = $(this).find("a").attr("href");
}

$("div.promo1").click(clickableDiv);