使用.on将事件应用于元素
使用.on将事件应用于元素
提问于 2013-05-27 20:04:15
.on无法在我的页面上将单击事件应用于使用ajax加载的元素。#myimageflow是容器，我使用ajax加载图像。当我为点击尝试.on时，它不工作，相反，.live工作得很好。
$(document).ready(function() {
/* Reading the data from XML file*/
$.ajax({
type: "GET",
url: "photos.xml",
dataType: "xml",
success: function(xml) {
$(xml).find('item').each(function() {
var path = $(this).attr('path');
var width = $(this).attr('width');
var height = $(this).attr('height');
var id = $(this).attr('id');
var alt = $(this).attr('alt');
var longdesc = $(this).find('longdesc').text();
var description = $(this).find('desc').text();
$('#myImageFlow').append('<img src="' + path + '" id=' + id + ' height="' + height + '" width="' + width + '" longdesc="' + longdesc + '" alt="' + alt + '"/>');
imgArr[i] = description;
imgFront[i] = longdesc;
i = i + 1;
});
}
});
/* ===================================== */
//$("#myImageFlow").show();
$.getScript('js/iSlider.js');
$.getScript('js/code.photoswipe.jquery-3.0.5.js');
});
/*front div called when front or back is called*/
$('#myImageFlow').on("click", 'img', function() {
alert("image clicked");
});回答 3
Stack Overflow用户
发布于 2013-05-27 20:06:51
将此部分放入ready回调中：
$('#myImageFlow').on("click", 'img', function() {
alert("image clicked");
});执行此绑定时，必须找到#myImageFlow元素。当您将此代码放在ready回调函数之外时，它将在元素可用之前执行。
Stack Overflow用户
发布于 2013-05-27 20:14:23
通过制造它来解决，
$(document).on('click', 'img', function() {
alert('htmlcalled image Clicked Called='+clickEnabled);
......
}Stack Overflow用户
发布于 2013-05-27 20:06:29
.live is deprecated.If您正在使用旧版本的jQuery .live()将为您工作。.on将不起作用
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/16772831
复制相关文章
相似问题
腾讯云开发者
