单击时的事件 jquery 不起作用
Event on click jquery doesnt work
我正在使用jquery 1.10.2创建一个项目。
当您单击提交按钮时,它会添加评论。它使用javascript创建注释。
$(document).ready(function() {
$("#enviar").on('click',function(){
var texto=$("#comentarios").val();
var fecha= new Date();
var cruz= "<img class='eliminar' src='error.png'>"+"</img>";
var fechaComentario= "<span class='fecha'>"+fecha.getHours()+":"+fecha.getMinutes()+":"+fecha.getSeconds()+"</span>";
var divComentarioEscrito= "<div class='comentario-enviado'>";
var divCompleto= divComentarioEscrito+fechaComentario+" "+texto+" "+cruz+"</div>";
$("#comentarios-escritos").prepend(divCompleto);
});
$(".eliminar").on('click',function(){
alert("DELETEEEE");
});
});
我想收到警报"DELETEEE",但它不起作用。
我尝试使用.live
jquery函数,但它也没有工作。
我能做什么?
谢谢。
在页面加载后追加元素时,需要使用委托的事件处理程序。试试这个:
$(document).ready(function() {
$("#enviar").on('click',function(){
var texto = $("#comentarios").val();
var fecha = new Date();
var cruz = "<img class='eliminar' src='error.png'></img>";
var fechaComentario = "<span class='fecha'>" + fecha.getHours() + ":" + fecha.getMinutes() + ":" + fecha.getSeconds() + "</span>";
var divComentarioEscrito = "<div class='comentario-enviado'>";
var divCompleto = divComentarioEscrito + fechaComentario + " " + texto + " " + cruz + "</div>";
$("#comentarios-escritos").prepend(divCompleto);
});
// Note the amended selector here...
$("#comentarios-escritos").on('click', '.eliminar', function(){
alert("DELETEEEE");
});
});
此外,您可以使用 jQuery 来操作 DOM,而不是构建和附加大量字符串,这应该更快:
$("#enviar").on('click', function() {
var $div = $('<div />', { "class": "comentario-enviado" }).prependTo("#comentarios-escritos");
var fecha = new Date();
$div.append($('<span />', { "class": "fecha", "text": fecha.getHours() + ":" + fecha.getMinutes() + ":" + fecha.getSeconds() });
$div.append($("#comentarios").val());
$div.append($('<img />', { "class": "eliminar", "src": "error.png" });
});
你能试试这个吗?
$('#comentarios-escritos').on("click","img", function (e) {
e.preventDefault();
alert('DELETEEEE');
});
相关文章:
- 自动完成 jquery 不起作用
- 悬停时的Jquery不起作用
- 使用DateTimePicker插件的JQuery不起作用
- 无限滚动jquery不起作用
- 角度2触发器'单击'使用jquery不起作用
- 在 jQuery 不起作用的情况下迭代变量
- 切换下 jquery 不起作用
- 简单的jquery不起作用,并返回错误
- 等效于getElementbyName的jQuery不起作用
- Jquery不起作用,但我想一切都好
- 当按钮从ajax调用时,jquery不起作用
- 在jQuery不起作用的情况下阻止表单提交
- 为什么这个jquery不起作用
- 带有变量选择器的 Jquery 不起作用
- 简单的JavaScript/jQuery不起作用
- Wordpress jquery不起作用(计算系统)
- Django 模板内联 jQuery 不起作用
- 提示计算器 jquery 不起作用
- 追加 jquery 不起作用
- 正则表达式 jQuery 不起作用