jquery - 从变量中移动具有相同源名称的 img

Question

当我单击其小图像缩略图时，我试图移动具有相同源值的图像，但我不知道哪种方法是正确的。我尝试使用 jquery 的 find() 函数，但没有任何反应。

$('#slide1_controls img').click(function (event){
    var srcs=$(this).attr("src");
    $('#slide-frame').find("img[src=srcs]").animate({
         "left": "+=350px"
     }, {
         "queue": false,
             "duration": 1000
     }).animate({
         'opacity': '1'
     });
});

http://jsfiddle.net/ang3lo0o/Fmsvx/

Answer 1

您需要使用字符串连接将srcs变量放入您的.find()

$('#slide-frame').find("img[src='" + srcs + "']").animate({

Answer 2

除了tymeJV的回答，使用更好.on()

$('#slide1_controls img').on('click',function (event){
  var srcs=$(this).attr("src");
  $('#slide-frame').find("img[src='"+ srcs +"']").animate({
     "left": "+=350px"
  }, {
     "queue": false,
         "duration": 1000
  }).animate({
     'opacity': '1'
 });
});