我在Firefox操作系统应用程序的javascript上遇到了一些麻烦,所以我希望有人可以帮助我。
案例是我从javascript附加了一些图片(见代码)
var aux = "<img class=\"imageOn\" id=\"" + imageName + "\"" + "src:\"" + imageURL + "\" >";
var image = "<a class=\"imageOn\" href=\"#\"> " + aux + " </a>";
$("#categoriasList").append(image);
$('#'+imageName).attr('src',imageURL);
现在我想从另一个js文件中选择其中一个图像:
$("img.imageOn").bind('click', function(e) {
console.log($(this).attr('id'));
playText($(this).attr('id'),"es");
// Change to picturesView
// Load icons from category choosed
});
关键是实际上它没有工作,事件没有被触发,所以提供或选择图像必须是错误的,但我没有找到错误。有谁知道如何修理它? 先谢谢你。
答案 0 :(得分:2)
您的src
属性后跟=
而不是:
"<img class=\"imageOn\" id=\"" + imageName + "\"" + "src=\"" + imageURL + "\" >";
答案 1 :(得分:2)
此
"src:\"
应该是
"src=\"
答案 2 :(得分:0)
=
中需要:
而不是src
。试试这个:
"<img class=\"imageOn\" id=\"" + imageName + "\"" + "src=\"" + imageURL + "\" >";
答案 3 :(得分:0)
如果您使用的是jQuery,可以使用以下方法。
var aux= $(document.createElement('img')).attr(
'id':imageName,
'src':imageURL,
'class':'imageOn'
),
image = $(document.createElement('a')).attr({
'class':'imageOn'
'href':'#',
});
image.html(aux);
$("#categoriasList").append(image);
附加后你可以附加事件处理程序。如果在不创建实际元素的情况下附加,则不会触发。这意味着如果要在不同的文件中附加事件处理程序,则应确保已创建所有元素。否则将不会被触发。
答案 4 :(得分:0)
我使用查询
的“on”事件处理程序修复了它