試圖隱藏圖片時，網站加載，但有一個按鈕，顯示它

我不知道爲什麼這不起作用，保持簡單。試圖隱藏圖片時，網站加載，但有一個按鈕，顯示它

我需要它是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

試圖隱藏圖片時，網站加載，但有一個按鈕，顯示它

回答

相關問題