1

当我将鼠标悬停在网站中的某个元素上时，我想显示带有标题的气球消息。我看到了 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

4

3 回答 3

0

有几件事可能是错误的，并且有一些确定性。

  • 气球插件仅在目标元素具有title属性时才会制作气球。你button没有。

    确保它有一个title属性。

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

于 2013-06-16T07:24:49.283 回答
0

将标题属性添加到您的按钮

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

JsFiddle 示例

于 2013-06-16T07:42:25.603 回答
0

缺少标题。< button id="style1" onclick="getValue('./CSS/style1.css')" title="YourTitleHere" >

<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>
于 2013-06-16T08:03:39.480 回答