Question

目前，我正试图让Tipsy在悬停和点击时工作。但我不知道这是否可行......使用其他工具会非常不方便。

触发器：'手动'根本没有响应。是否可以或者我真的必须使用其他工具？

这是代码的一部分：

function initiateMouseEvents（）{ $（'。channel-hover'）。each（function（）{

    $('svg circle, svg path').tipsy({
        gravity: 's',
        trigger: 'manual',
        html: true,
        title: 'data-tipsy'
    });

    var dataChannel = $(this).attr('data-channel');

    $(this).bind('mouseover', function() {
        if ($(this).attr('data-channel').length) {
            effectVisualisation.highlightChannel(dataChannel);
            costVisualisation.highlightChannel(dataChannel);
        }
    }).bind('mouseout', function() {
        if ($(this).attr('data-channel').length) {
            effectVisualisation.normalizeChannel(dataChannel);
            costVisualisation.normalizeChannel(dataChannel);
        }
    });
});

}

Answer 1

从您的代码中我不确定您的确想要做什么，或者您的代码是不完整的。

请查看以下 HTML：

<a id="example-1" href="#" original-title="Hello World">Hover over me</a>
<a id="test" href="#" onclick="$('#example-1')[0].setAttribute('original-title','you did it')">Update</a>

<强>使用Javascript：

$(function() {
    $('#example-1').tipsy();
});

这就是你可能期待的。

编辑：抱歉，我要包含发布JsFiddle链接的代码。

http://jsfiddle.net/c3DUx/

编辑2：

检查下面的小提琴，我希望你想要类似的东西。

http://jsfiddle.net/c3DUx/2/

Answer 2

可以为tipsy定义（手动/自定义）trigger：

$(function() {
  $('#focus-example [title]').tipsy({trigger: 'focus'});
});

请参阅：http://onehackoranother.com/projects/jquery/tipsy/#focus-example

然而，默认情况下，Tipsy似乎不支持多个triggers。但是有可能手动绑定这种行为 - 取决于你究竟要做什么。

到目前为止，您是否有一些示例代码？

编辑：找到关于此问题（部分）的类似帖子：

$(".tipsy")
.live('mouseover',function(){
    $(this).tipsy("show");
})
.live("click",function() {
    $(this).tipsy("show");
})
.tipsy({
    gravity: gravity,
    html: true
});

jQuery Tipsy: Simple Overwriting Solution?

在悬停和点击时显示jQuery tipsy

2 个答案: