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

【问题标题】：How to default hide this javascript balloon?如何默认隐藏这个 javascript 气球？
【发布时间】：2013-06-19 09:45:44
【问题描述】：

我在 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>

谢谢！

【问题讨论】：

设置气球的样式为display:none

标签： javascript jquery jquery-tooltip balloon

【解决方案1】：

将此CSS添加到您的页面：

#myballoon > img { display:none; }

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

【讨论】：

【解决方案2】：

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

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

【讨论】：

嗯，我无法使用这种方法或@Precastic 的方法。我在 OP 中的代码之后的新脚本中添加了这个：
$(document).ready(function() {jQuery("#myballoon > img").hide(); /*然后你的气球函数*/});