Question

我发现了一个显示弹出气球的整洁插件。似乎它是通过悬停或单击控件来触发的。我可以让这个插件像这样工作，但我希望能够在我的代码中执行一些逻辑后手动调用它。

此插件的网址为：http://file.urin.take-uma.net/jquery.balloon.js-Demo.html

文档似乎非常有限，所有示例都演示了如何使用选择器和悬停/点击。

在我的代码中执行某些逻辑后，有没有办法有条件地调用此插件？对不起......我对JQuery / Javascript很新。

以下是该演示如何展示其用途：

（1）在jQuery之后下载并加载此插件javascript文件。

<script type="text/javascript" src="js/jquery.balloon.js"></script>

（2）在jQuery的文档就绪事件中调用$（）。balloon（options）。

$(function() {
    $('selectors').balloon(options);
}); 

$('.sample7-2').balloon({
    tipSize: 0, offsetY: -100, offsetX: -100,
    showDuration: 0, hideDuration: 0
});

我做了几次没有成功的尝试

Answer 1

快速查看他们的代码，当你想要气球显示时，你应该调用一个函数showBalloon。他们甚至向您展示了一个例子

$(function() {
  $('#knight').showBalloon({ ... }).toggle(
    function(){ $(this).hideBalloon(); },
    function(){ $(this).showBalloon(); }
 );

}）;

如何使用选择器调用此JQuery插件？

1 个答案: