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'
 });
});

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

2 个答案: