选择图像不起作用

时间:2013-12-23 17:44:19

标签: javascript jquery

我在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
});

关键是实际上它没有工作,事件没有被触发,所以提供或选择图像必须是错误的,但我没有找到错误。有谁知道如何修理它? 先谢谢你。

5 个答案:

答案 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”事件处理程序修复了它