2013-03-18 22 views
0

目前,我正在尝试让Tipsy在悬停和点击上工作。但我不知道这是否可能......使用其他工具会非常不方便。让jQuery醉appear appear的出现在悬停和点击上

触发器:“手动”根本没有响应。是否有可能或者我真的需要使用其他工具?

这是代码的一部分:每个(功能)

功能initiateMouseEvents(){ $( '信道悬停。')({

$('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); 
     } 
    }); 
}); 

}

回答

3

从你的代码,我不知道你真的是在努力做,或者你的代码不完整。

请看看下面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/

+0

谢谢你无,但我试图设置醉意点击工作。它似乎只着眼于焦点,如果你希望它能够点击工作,则必须在代码中手动完成,而这正是我正在编写的代码中不可能的。是否有解决方法? – Miet 2013-03-19 07:20:53

+0

你检查了小提琴吗?它也适用于点击,点击按钮并检查。 – 2013-03-19 07:57:07

+0

是的,我检查了,谢谢,但内容没有问题。工具提示应该在点击时出现,并且只有在再次点击时才会消失 - 不是自动的。那可能吗? – Miet 2013-03-19 08:52:01

0

这是可以定义(手动/自定义)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?

+0

谢谢你,但是触发:焦点似乎打破一切......我没有任何东西的工作,但是当我做,我将发布。 – Miet 2013-03-18 13:08:40

+0

我编辑了这些问题,因为代码不适合在这里。这有帮助吗? – Miet 2013-03-18 13:12:47

+0

经过一番研究,我刚刚找到解决问题的方法,请参阅编辑。 – simplyray 2013-03-18 13:30:09