javascript - 如何排除背景图片？

Question

我在 style.css 中有以下 css。

.mobile-base{
 background-image:url("img/mobile-base.png");
 background-size:cover;
 background-repeat:no-repeat;
 width:312px;
 height:552px;
 margin-bottom:-8px;
 display: inline-block;
}

和下面的 html 标记

<div class="col-sm-8 col-md-8 col-lg-8 someclass">
    <div id="app-body-105">
       <div class="mobile-base">
         <img class="img-responsive alignleft" src="http://192.168.0.31/wp-content/uploads/2015/10/app-1.jpg" alt="">
       </div>

      <div class="content-base">
      <h2>The Ultimate Night Out</h2>
         <p>Phasellus semper massa sit amet metus dictum bibendum. 
        Donec at dui ipsum. Maecenas sagittis tincidunt magna. Proin 
        vulputate mauris  porttitor semper venenatis. Nulla quis sem eget dolor eleifend elementum id at lorem
       </p>      
 </div>
 </div>

我想在 mobile-base 类(带有 src 的图像)中的某些点击事件(任何随机 ID)上动画图像，不包括 css 中定义的背景图像.

我尝试了类似下面的方法，但它使两个图像都具有动画效果，我不希望背景图像具有动画效果。

$("#someID").click(function() {
    $('#app-body-105' .mobile-base').show('slow');
});

如何使用 jQuery 或 JS 实现？

Answer 1

如果你只是想为图像设置动画，你必须告诉 jQuery 只为所述元素设置动画:

$("#someID").click(function() {
    $('#app-body-105 .mobile-base img').show('slow');
});