Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/478.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 如何排除背景图像?_Javascript_Jquery - Fatal编程技术网

Javascript 如何排除背景图像?

Javascript 如何排除背景图像?,javascript,jquery,Javascript,Jquery,我在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-m

我在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>

我如何使用jQuery或JS实现这一点?

如果您只想为图像设置动画,则必须告诉jQuery仅为所述元素设置动画:

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

很抱歉,它不工作。在我的代码中,它是动画,但两个图像,但我只想在div中的类mobile base(app-.jpg)的图像。好吧,我不能测试它,如果你不提供一个例子。但我的观点是,如果你对一个包含另一个内部元素的元素设置动画,那么这个子元素也将设置动画,所以你应该专门针对你想要设置动画的元素。
$("#someID").click(function() {
    $('#app-body-105 .mobile-base img').show('slow');
});