Javascript 为什么事件不';我用jQuery推送的HTML不工作吗?

Javascript 为什么事件不';我用jQuery推送的HTML不工作吗?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,请按照以下步骤操作: 运行下面的代码段 单击单击此处 点击draw按钮 单击重新开始链接 单击单击此处,请参见?什么也没发生 为什么??我怎样才能修好它 set_container(); $(“body”).one('单击','一对多',函数(){ $(this.html('\ 一个\ 两个\ 三个\ \ '); }); 函数集_容器(){ $(“.set_value”).html('\ 点击这里\ '); } $(“body”)。在('click','上。图形_btn',函数(e){ $

请按照以下步骤操作:

  • 运行下面的代码段
  • 单击
    单击此处
  • 点击
    draw
    按钮
  • 单击
    重新开始
    链接
  • 单击
    单击此处
    ,请参见?什么也没发生
为什么??我怎样才能修好它

set_container();
$(“body”).one('单击','一对多',函数(){
$(this.html('\
一个
\ 两个
\ 三个
\ \ '); }); 函数集_容器(){ $(“.set_value”).html('\ 点击这里\ '); } $(“body”)。在('click','上。图形_btn',函数(e){ $(this.attr('disabled','disabled'); $(this.css({“cursor”:“wait”,“opacity”:.5”}); $(this).after('重新开始'); });
。绘制图形{
边框:4px双#ccc;
填充:20px;
字体大小:40px;
颜色:#777;
}
.绘制图形:悬停{
背景色:#f9f9f9;
光标:指针;
}
.绘制图形跨度{
字体大小:13px!重要;
显示:内联块;
}
.以图形形式绘制{
保证金:0自动;
字体大小:20px;
线高:2;
显示:表格;
文本对齐:左对齐;
}
.draw_图形输入[类型=按钮]{
边缘顶部:10px;
}
.画一张图{
字体大小:15px;
显示:块;
边缘顶部:10px;
颜色:#1e6be5;
}

基本上,您是在父元素中单击子元素

我更改了代码并添加了
e.stopPropagation()在子元素中单击以停止父元素
单击

几乎没有什么变化

1-$(“正文”)至$(文件)

2-为调试和测试添加了
alert()
,您可以将其删除

3-将
#一对多
更改为
。一对多

set_container();
$(文档)。在('单击','上。一对多',函数(){
$(this.html('\
一个
\ 两个
\ 三个
\ \ '); $(“一对多”)。解除绑定(“单击”)。绑定(“单击”); }); 函数集_容器(){ $(“.set_value”).html('\ 点击这里\ '); } $(文档)。在('单击','上。图形\u btn',函数(e){ e、 停止传播(); $(this.attr('disabled','disabled'); $(this.css({“cursor”:“wait”,“opacity”:.5”}); $(this).after('重新开始'); }); $(文档)。在('点击',“形式”,功能(e){ e、 停止传播(); })
。绘制图形{
边框:4px双#ccc;
填充:20px;
字体大小:40px;
颜色:#777;
}
.绘制图形:悬停{
背景色:#f9f9f9;
光标:指针;
}
.绘制图形跨度{
字体大小:13px!重要;
显示:内联块;
}
.以图形形式绘制{
保证金:0自动;
字体大小:20px;
线高:2;
显示:表格;
文本对齐:左对齐;
}
.draw_图形输入[类型=按钮]{
边缘顶部:10px;
}
.画一张图{
字体大小:15px;
显示:块;
边缘顶部:10px;
颜色:#1e6be5;
}

基本上,您是在父元素中单击子元素

我更改了代码并添加了
e.stopPropagation()在子元素中单击以停止父元素
单击

几乎没有什么变化

1-$(“正文”)至$(文件)

2-为调试和测试添加了
alert()
,您可以将其删除

3-将
#一对多
更改为
。一对多

set_container();
$(文档)。在('单击','上。一对多',函数(){
$(this.html('\
一个
\ 两个
\ 三个
\ \ '); $(“一对多”)。解除绑定(“单击”)。绑定(“单击”); }); 函数集_容器(){ $(“.set_value”).html('\ 点击这里\ '); } $(文档)。在('单击','上。图形\u btn',函数(e){ e、 停止传播(); $(this.attr('disabled','disabled'); $(this.css({“cursor”:“wait”,“opacity”:.5”}); $(this).after('重新开始'); }); $(文档)。在('点击',“形式”,功能(e){ e、 停止传播(); })
。绘制图形{
边框:4px双#ccc;
填充:20px;
字体大小:40px;
颜色:#777;
}
.绘制图形:悬停{
背景色:#f9f9f9;
光标:指针;
}
.绘制图形跨度{
字体大小:13px!重要;
显示:内联块;
}
.以图形形式绘制{
保证金:0自动;
字体大小:20px;
线高:2;
显示:表格;
文本对齐:左对齐;
}
.draw_图形输入[类型=按钮]{
边缘顶部:10px;
}
.画一张图{
字体大小:15px;
显示:块;
边缘顶部:10px;
颜色:#1e6be5;
}

删除
一个
上使用
,并使用以防止家长单击。请查找下面的代码片段

set_container();
$(“body”)。在('单击','一对多',函数(){
$(this.html('\
一个
\ 两个
\ 三个
\ \ '); $(“一对多”)。解除绑定(“单击”)。绑定(“单击”); }); 函数集_容器(){ $(“.set_value”).html('\ 点击这里\ '); } $(“body”)。在('click','上。图形_btn',函数(e){ e、 停止传播(); $(