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、 停止传播();
$(