试图隐藏图片时，网站加载，但有一个按钮，显示它

我不知道为什么这不起作用，保持简单。试图隐藏图片时，网站加载，但有一个按钮，显示它

我需要它是JQuery的，以及因为这是一种锻炼，我需要jQuery的

<script> 
$(document).ready(function(){ 
    $(".kuva1").hide() 
     }); 

$(document).ready(function(){ 
    $("button").click(function(){ 
     $("#kuva1").fadeIn(5000); 
    }); 
}); 
</script> 

<button type="button">Show Image</button> 

<div id="div1"> 
<img class="kuva1" src="./kuvat/daisy.jpg" style="width:384px;height:216px;"> 
<div>

来源

2016-03-10 J. Vesa

BTW你不需要两个不同的'$（document）.ready（function（）{'{{0}} { –

尝试使用做的。代替＃的，因为你DONOT有ID，但类

$(document).ready(function(){ 
$("button").click(function(){ 
    $(".kuva1").fadeIn(5000); 
}); 
});

来源

2016-03-10 08:29:17 prashant

除了使用正确的选择（.这是类，而不是#这是ID），我建议你隐藏使用CSS：

<head> 
    <style>.kuwa1 { display:none;width:384px;height:216px;}</style> 
    <script src="jquery.js"></script> 
    <script> 
    $(function() { 
    $("button").on("click",function(e){ 
     e.preventDefault(); 
     $(".kuva1").fadeIn(5000); 
    }); 
    }); 
    </script> 
</head> 
<body> 
    <button type="button">Show Image</button> 
    <div id="div1"> 
    <img class="kuva1" src="./kuvat/daisy.jpg"/> 
    <div> 
</body>

来源

2016-03-10 08:38:55 mplungjan

试图隐藏图片时，网站加载，但有一个按钮，显示它

回答

相关问题