javascript - 如何默认隐藏这个 javascript 气球？

Question

我在这里使用了一个很棒的 Javascript 弹出气球http://file.urin.take-uma.net/jquery.balloon.js-Demo.html。

以下代码功能很好，但默认情况下会在页面加载时显示气球。如何使气球在加载时隐藏并仅在单击图像时出现？：

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

        });
</script>

谢谢！

Answer 1

将此 CSS 添加到您的页面：

#myballoon > img { display:none; }

假设 showBallon() 作用于图像而不是父 (#myballoon) 元素

Answer 2

默认情况下，使用 Jquery。只需添加文档即可。

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