jQuery生成:无法单击<;a>;标签

jQuery生成:无法单击<;a>;标签,jquery,html,hyperlink,click,bookmarklet,Jquery,Html,Hyperlink,Click,Bookmarklet,这是我的jQuery代码(这是一个bookmarklet,所以所有这些都是通过使用我的jQuery脚本生成的): $(“#观众”)。前置(“”); $(“plugbot gui”).css(“宽度”、“348px”).css(“高度”、“48px”).css(“背景色”、“0A0A0A”).css(“不透明度”、“0.910000026260437”); $(“#plugbot gui”).prepend(“”); $(“#plugbot gui”)。追加(“”); $(“#plugbot gu

这是我的jQuery代码(这是一个bookmarklet,所以所有这些都是通过使用我的jQuery脚本生成的):

$(“#观众”)。前置(“”);
$(“plugbot gui”).css(“宽度”、“348px”).css(“高度”、“48px”).css(“背景色”、“0A0A0A”).css(“不透明度”、“0.910000026260437”);
$(“#plugbot gui”).prepend(“
”); $(“#plugbot gui”)。追加(“”); $(“#plugbot gui”)。追加(“”); $(“#plugbot gui a”).css(“字体”、“粗体12px arial”).css(“颜色”、“fff”).css(“文本对齐”、“居中”).css(“左边距”、“32px”); $(“#plugbot gui a:first child”).css(“左边距”,“0px!重要”);
所有的东西都出现了(文本),并且都在我想要的地方。。。但是,当我尝试在jQuery中使用一个ID(例如autowoot btn)来使用click()处理程序时,它并没有接收到它。还需要注意的是,即使它们是链接标记,光标悬停在上面时也不会改变

谢谢

$('#plugbot-gui').on('click', '#autowoot-btn', function() {

});
由于您的
#autowoot btn
在页面加载后附加到DOM,因此您需要委托事件处理程序(也称为live)

您需要对页面加载后进入DOM的所有元素应用此过程

还有另一个进程称为
.delegate()

它看起来像:

$('#plugbot-gui').delegate('#autowoot-btn', 'click', function() {

});

委托的方法声明过程为:

$(container).on(eventName, target, handlerFunction);
.live()
自jQuery>1.7以来,它在中已被弃用

注 避免转义字符

由于您的
#autowoot btn
在页面加载后附加到DOM,因此您需要委托事件处理程序(也称为live)

您需要对页面加载后进入DOM的所有元素应用此过程

还有另一个进程称为
.delegate()

它看起来像:

$('#plugbot-gui').delegate('#autowoot-btn', 'click', function() {

});

委托的方法声明过程为:

$(container).on(eventName, target, handlerFunction);
.live()
自jQuery>1.7以来,它在中已被弃用


避免转义字符

好的,这很好。然而,我最初的问题仍然存在:link标签仍然不起作用。我在()中包含了该函数,但我仍然遇到了最初的问题:我无法实际单击链接,它们似乎根本没有响应。那可能是别的吗?没关系,都修好了!原来我的主站不喜欢在div#观众中有链接。这可能与HTML5画布有关。我对HTML5几乎一无所知,所以谁知道呢。不管怎样,代码的其余部分工作得很好。谢谢你的帮助!好的,这很好。然而,我最初的问题仍然存在:link标签仍然不起作用。我在()中包含了该函数,但我仍然遇到了最初的问题:我无法实际单击链接,它们似乎根本没有响应。那可能是别的吗?没关系,都修好了!原来我的主站不喜欢在div#观众中有链接。这可能与HTML5画布有关。我对HTML5几乎一无所知,所以谁知道呢。不管怎样,代码的其余部分工作得很好。谢谢你的帮助!请没有逃避狂欢。使用HTML字符串时,请对字符串或字符串内部使用单引号。请。没有逃避狂欢。使用HTML字符串时,对字符串或字符串内部使用单引号。