2013-06-19 35 views
0

我從這裏使用了一個很棒的Javascript彈出氣球http://file.urin.take-uma.net/jquery.balloon.js-Demo.html如何默認隱藏此javascript氣球?

以下代碼功能很好,但當頁面加載時默認顯示氣球。我怎樣才能使氣球隱藏在負載上,並且只在圖像被點擊時出現?:

<script> 
$(function() { 
    $("#myballoon > img").showBalloon({ 
       position: "right", 
       css: {} 
      }).toggle(function() { $(this).hideBalloon(); }, function() { $(this).showBalloon(); }); 

     }); 
</script> 

謝謝!

+0

設置氣球的樣式爲'display:none' –

回答

1

這個CSS添加到您的網頁:

#myballoon > img { display:none; } 

這是假設showBallon()作用於圖像&不是母公司的(#myballoon)元素

0

默認情況下,Jquery.Just加上文件準備好了。

$("#myballoon > img").hide(); 
+0

嗯我無法得到這個方法或@Precastic的工作。我已經在OP中的代碼後添加了這個新腳本:。也許你可以告訴我需要改變什麼? – user2500483

+0

$(document).ready(function(){jQuery(「#myballoon> img」)。hide();/*然後你的氣球函數* /}); – wandarkaf