Question

当我将鼠标悬停在网站中的某个元素上时，我想显示带标题的气球消息。我看到jQuery代码，但我不知道我是否以正确的方式使用它。

这是我的代码：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">
</script>
<script type="text/javascript" src="./js/jquery.balloon.js">
</script>

<script>
    $(document).ready($(function() {
        $('#style1').balloon({ position: "bottom right"});
    });
</script>
</head>
<body>
    <div id="wrap">

        <button id="style1" onclick="getValue('./CSS/style1.css')">style1</button>

    </div>
</body>

你可以帮助我使用http://file.urin.take-uma.net/jquery.balloon.js-Demo.html

这个链接

Answer 1

有些事情可能是错误的，也有些确定。

如果目标元素具有title属性，则气球插件仅生成气球。您的button没有。

确保它具有title属性。
确保您的js文件存在于指定位置./js/jquery.balloon.js，尝试按f12并转到控制台选项卡，看看是否发现任何错误。

Answer 2

将标题属性添加到按钮

        <button id="style1" onclick="getValue('./CSS/style1.css')" title="Some">style1</button>

JsFiddle example

Answer 3

标题丢失了。＆LT; button id =“style1”onclick =“getValue（'。/ CSS / style1.css'）” title =“YourTitleHere”＆gt;

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">
</script>
<script type="text/javascript" src="./js/jquery.balloon.js">
</script>

<script>
    $(document).ready($(function() {
        $('#style1').balloon({ position: "bottom right"});
    });
</script>
</head>
<body>
    <div id="wrap">
<button id="style1" onclick="getValue('./CSS/style1.css')" title="YourTitleHere">style1</button>

    </div>
</body>

使用jQuery的元素上的气球消息

3 个答案: