2013-03-18 20 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