2013-03-18 1 views
0

На данный момент я пытаюсь получить Tipsy для работы с зависанием и щелчком. Но я не знаю, возможно ли это ... Было бы очень неудобно использовать другой инструмент.Сделайте jQuery подвыпившимся, наведите указатель мыши и нажимайте

Триггер: «руководство» не отвечает вообще. Возможно ли, или мне действительно нужно использовать другой инструмент?

Это часть кода:

функция 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/

Edit 2:

Проверьте ниже скрипку, я надеюсь, что вы хотите что-то подобное.

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

+0

Спасибо, Нил, но я пытаюсь настроить подкидышу на щелчок. Кажется, что он работает только в фокусе, и если вы хотите, чтобы он работал над кликом, вы должны сделать это вручную в коде, который невозможен в коде, в котором я пишу. Есть ли работа? – Miet

+0

Вы проверили скрипку? он также работает при щелчке, нажмите кнопку и проверьте. –

+0

Да, я проверил, спасибо, но проблем с контентом нет. Всплывающая подсказка должна появляться по щелчку и исчезать только при повторном нажатии - не автоматическая. Это возможно? – Miet

0

Это. можно определить (ручной/пользовательский) trigger для подпиток:

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

См.: http://onehackoranother.com/projects/jquery/tipsy/#focus-example

Тем не менее, Типси кажется не поддерживающим несколько triggers по умолчанию. Но может быть возможно связать это поведение вручную - в зависимости от того, что именно вы пытаетесь сделать.

У вас есть пример кода, который вы пробовали до сих пор?


Edit: Просто найдите аналогичную нить относительно (часть) этого вопроса:

$(".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

+0

Я отредактировал вопросы, потому что код здесь не поместился. Помогает ли это? – Miet

+0

После некоторых исследований я только что нашел решение вашей проблемы, см. Редактирование. – simplyray