Question

我使用了jQuery网站上的代码，一旦页面加载就应该隐藏图像，这样当我点击'按钮'时，图像就会显示出来。

我的代码正在运行，但首次加载页面时图像不会被隐藏。

 $('#click').click(function() {
   if ($("img:first").is(":hidden")) {
     $("img").slideDown("slow");
   } else {
     $("img").hide();
   }
 });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<p id="click">CLICK ME!</p>

<section id="img-container">

  <img src="04-hungry-images/food01.jpg">
  <img src="04-hungry-images/food02.jpg">
  <img src="04-hungry-images/food03.jpg">
  <img src="04-hungry-images/food04.jpg">
  <img src="04-hungry-images/food05.jpg">
  <img src="04-hungry-images/food06.jpg">

</section>

Answer 1

您应该在DOM上隐藏图像，或者您也可以在页面加载时隐藏CSS中的所有图像

<强> CSS

#img-container img{ display: none; }

<强>的jQuery

$(function(){
  $("#img-container img").hide();
  $( '#click' ).click(function () {
    if ( $( "img:first" ).is( ":hidden" ) ) {
     $( "img" ).slideDown( "slow" );
    } else {
     $( "img" ).hide();
   }
  });

})

Answer 2

首先添加hide()：

$(function(){
  $("#img-container img").hide();
  $( '#click' ).click(function () {
    if ( $( "img:first" ).is( ":hidden" ) ) {
     $( "img" ).slideDown( "slow" );
    } else {
     $( "img" ).hide();
   }
  });
});

Answer 3

您可以先使用

隐藏图像

$(document).ready(function() {
    $("#img-container img").hide();
})

你应该注意到所有这些＆＃39;显示＆＃39;并且隐藏＆＃39; do，是将css显示属性更改为none或阻止或其他任何内容。

Answer 4

我看到了代码，代码中没有问题，只添加了下面给出的小css

Intent intent = new Intent (Intent.ACTION_CALL);
startActivity (intent);

您还可以看到下面给出的完整代码

 {"query" : {"multi_match" : {"query": $keyword,"fields": [ "products", "services" ]}}}

页面加载后图像不会被隐藏（jQuery中的slideDown（）函数）

4 个答案: