Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/ruby-on-rails-4/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用相同类名放大/缩小多个div的图像_Javascript_Jquery_Image_Class_Html - Fatal编程技术网

Javascript 使用相同类名放大/缩小多个div的图像

Javascript 使用相同类名放大/缩小多个div的图像,javascript,jquery,image,class,html,Javascript,Jquery,Image,Class,Html,我有以下代码来收缩/增长图像,使其适合父div: <script src="js/imgscale.jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('img.profilepicture').imgscale({ parent : '.ppparent', fade : 1000 }); }); &

我有以下代码来收缩/增长图像,使其适合父div:

<script src="js/imgscale.jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){ 
  $('img.profilepicture').imgscale({ 
    parent : '.ppparent', 
    fade : 1000 
  }); 
});
</script>

$(文档).ready(函数(){
$('img.profilepicture').imgscale({
父项:'.ppparent',
褪色:1000
}); 
});
它适用于具有一个类名的一个div,但当我尝试将其用于具有相同类名的多个div时,它会停止对所有div的工作(即,没有更改图像)


我如何“修复”这个问题?

如果您的所有图像都带有class
。profilepicture

   $("img.profilepicture").each(function(){
       $(this).imgscale({ 
             parent : '.ppparent', 
             fade : 1000 
       });
   });

您必须为每个图像调用函数

$(document).ready(function(){ 
    $('img.profilepicture').each(function() {
        $(this).imgscale({ 
            parent : '.ppparent', 
            fade : 1000 
          }); 
    });
});

所有图像类名是否与
profilepicture
相同?这对您有效吗?对我来说似乎仍然无效。您是否有iMessage/Skype以便我向您发送该页面的链接?谢谢。我在
$('img.profilepicture')中添加了一个日志。每个(function()
都只调用了一次。大约有4个div和img,所以有些东西工作不正常。。。