Сделать клавиатуру подсказки доступной (отображение на вкладке фокус) - PullRequest
Новая
       16

Сделать клавиатуру подсказки доступной (отображение на вкладке фокус)

1 голос
/ 16 ноября 2011

Я изо всех сил пытаюсь выяснить, как заставить jQuery cluetip отображать фокусировку текстовой ссылки триггера, которая использует указатель мыши. Мне нужно, чтобы он работал, когда вкладки (onfocus) через контент для целей доступности. 

<script>
$(function(){    

  $('a.tip').cluetip({width:200, local:true, cursor:'pointer', sticky: true,closePosition: 'title', arrows: true, titleAttribute:   'title', showTitle:true });
  $(".tip-content").hide();        

  $('a.tip').focus(function() {   
    $(this).click();
  });

});
</script>

HTML: 

<a id="load-local" class="tip" href="#cc" rel="#cc" title="Tooltip">Tooltip link</a>
<span class="tip-content" id="cc">Tool tip content</span>

Полностью разочарован. Кажется, это должно быть просто, но мне не повезло.

1 Ответ

1 голос
/ 16 ноября 2011

Если вы хотите, чтобы это работало, вам нужно добавить свойство activation к вызову clueTip, например: 

$('a.tip').cluetip({activation: 'click', width:200, local:true, cursor: 'pointer', sticky: true, closePosition: 'title', arrows: true, titleAttribute: 'title', showTitle: true });

Таким образом, ваш код должен работать, но ваши подсказки будут срабатывать только при нажатии, а не при наведении.

Редакция: Чтобы сохранить эффект наведения, и из-за того, что clueTip не имеет никакого метода для программного показа подсказки, я думаю, что вам понадобятся два вызова плагинов, один с activation: 'click', а другой без него: 

$('a.tip').cluetip({activation: 'click', width:200, local:true, cursor: 'pointer', sticky: true, closePosition: 'title', arrows: true, titleAttribute: 'title', showTitle: true });
$('a.tip').cluetip({width:200, local:true, cursor: 'pointer', sticky: true, closePosition: 'title', arrows: true, titleAttribute: 'title', showTitle: true });

Таким образом, подсказки будут появляться при наведении и щелчке, и, таким образом, при переходе по ссылкам будет запускаться событие фокуса, а следовательно, и щелчок.

...