单击时使用委托更改img的源代码

时间:2016-04-18 02:22:32

标签: javascript jquery

我创建了一个按钮,该按钮将接收网站网址,然后显示星标以收集网站评分。那部分工作正常。当试图点击星星突出显示点击的和所有prev(prevAll)星星并将源更改为staron.gif但点击时没有任何反应。我想使用委托函数来执行此操作,然后使用函数。我的功能不起作用。

 $('#websiteButton').mousedown(function() {
    var inputSite = prompt("Enter one of your favorite website urls");
    var appendHTML = "<div class=\"webfav\"><a href='"+inputSite+"'>"+inputSite+"</a> <img id=\"s1\" src=\"staroff.gif\"/><img id=\"s2\" src=\"staroff.gif\"/><img id=\"s3\" src=\"staroff.gif\"/><img id=\"s4\" src=\"staroff.gif\"/><img id=\"s5\" src=\"staroff.gif\"/> <br></div>";
    $('#sect2').append(appendHTML);
    });//end of add favorites

$('.webfav').delegate('img', 'click', function() {
 $(img, this).attr('src', 'staron.gif');
 $(img, this).prevAll().attr('src', 'staron.gif');
 });

我也试过这个和this.id

1 个答案:

答案 0 :(得分:0)

我最终只需要在委托函数执行后移动“}); //添加收藏夹的结尾”到底部。它是在星星以我的方式添加到页面之前执行的。