jQuery在脚本中创建类
jQuery created class inside script
我想点击一个段落并显示一些东西,它有一个类在脚本标签内创建,但我不能使它可点击。有人能告诉我怎么做吗?
下面是我的部分代码。
$('#three-star').click(function(){
var id=$('#elements-container').children().length+1;
$('#elements-container').append('<p id="'+id+'" class = "edit">Type your question here</p>');
});
$('p.edit').click(function(){
$('#editor').show();
});
当我点击"在这里输入你的问题"时,我该如何做show()
?
使用事件委托
$('#elements-container').on("click" , 'p.edit',function(){
$('#editor').show();
});
event listener
可以委托给父元素。
$('#container').on('click', '.edit', function(event) {
// do something
});
当有人单击编辑链接时,事件会在DOM中冒泡,并被侦听器捕获。
这里有关于事件冒泡的更多信息
工作小提琴小提琴
使用以下
$("p.edit").on("click",function(){
$('#editor').show();
});
因为$('p.edit').click(function(){
这不支持新的动态创建的内容。所以使用on
事件
在这里工作动态创建段落,并为元素添加事件。
var comment = "Type your question here.";
var newParagraph = document.createElement('p');
newParagraph.textContent = comment;
newParagraph.id = 3;
newParagraph.onclick = function () {
$('#qs_div').show();
};
相关文章:
- Google 脚本:用于创建日历活动的脚本运行时不会出错,但不会执行任何操作
- 如何使用Java脚本创建提交按钮's的拖放功能
- 动态创建的iframe中的window.onerror在lne 0处给出脚本错误
- 创建一个倒计时计时器脚本,该脚本计算声音文件的持续时间,而不是特定的日期
- 如何创建php函数或任何脚本/jquery Javascript,使我能够获取与复选框关联的值并添加它们
- 在IE8中创建脚本标记
- 在androidwebview中为本地文件创建脚本标记时出现问题
- 如何使用原生JS创建脚本的完整副本
- (谷歌API)单元格引用中的动态工作表和工作表创建脚本的名称
- Requirejs 优化器 - 为站点的各个部分创建脚本的缩小分组
- MongoDB,为 mongo shell 创建脚本
- 在页面Liferay中动态创建脚本
- 为什么在CRM 2011中为从功能区打开的窗体调试javascript时,会创建脚本块
- 动态创建脚本标记和静态嵌入脚本标记的区别是什么?
- 在Javascript中创建脚本标签,然后调用函数
- 动态创建脚本引用
- 我们还需要"script.type='text/javascript"动态创建脚本时
- 试图创建脚本来更新事件名称
- 可以用javascript移除、创建脚本或样式DOM元素
- 在MVC4中,我如何在Razor文件中创建脚本包