Javascript 如何在新选项卡/链接中打开prepend中的div？

当一个div有一个函数或onclick连接到它时，如何使它打开一个新链接？我一直在尝试以下内容，但似乎没有任何效果，tbe div从未包含新链接

jQuery.prepend('<div class="dropdown">' + r + closer + "</div>"))

---

我还尝试了将

onclick=“location.href=”包含在内http://www.google.com“；”

在代码中，但它不起作用，为什么下面的代码不允许新的链接？

因为您的

下拉列表是动态添加的元素您需要所谓的。而不是使用
location.href
而使用
window.open
。因此，编写
单击事件
，如下所示：

jQuery(document).on("click",".dropdown", function(e) {
    window.open('http://www.google.com', '_blank')
}

由于您的
.dropdown
是动态添加的元素，因此您需要所谓的。而不是使用
location.href
而使用
window.open
。因此，编写
单击事件
，如下所示：

jQuery(document).on("click",".dropdown", function(e) {
    window.open('http://www.google.com', '_blank')
}


$（'body'）。追加（$（'Click me'））；
jQuery（“.dropdown”）。在（“click”上，函数（e）{
location.href=“www.google.com.com”；
});

$（'body'）。追加（$（'Click me'））；
jQuery（“.dropdown”）。在（“click”上，函数（e）{
location.href=“www.google.com.com”；
});
供参考

这个代码不起作用

jQuery(".dropdown").on("click", function(e) {
    location.href = "www.google.com.com";
}

原因：

jQuery不知道有任何元素具有class
下拉列表
，因为它是在运行时插入的，并且没有为新添加的项分配事件处理程序

委托事件的优点是，它们可以处理来自后代元素的事件，这些子元素在以后添加到文档中。通过选择在附加委派事件处理程序时保证存在的元素，可以使用委派事件来避免频繁附加和删除事件处理程序

这里保证
文档
对象始终存在

jQuery(document).on("click", ".dropdown", function(e) {

供参考

这个代码不起作用

jQuery(".dropdown").on("click", function(e) {
    location.href = "www.google.com.com";
}

原因：

jQuery不知道有任何元素具有class
下拉列表
，因为它是在运行时插入的，并且没有为新添加的项分配事件处理程序

委托事件的优点是，它们可以处理来自后代元素的事件，这些子元素在以后添加到文档中。通过选择在附加委派事件处理程序时保证存在的元素，可以使用委派事件来避免频繁附加和删除事件处理程序

这里保证
文档
对象始终存在

jQuery(document).on("click", ".dropdown", function(e) {