<link rel="stylesheet" href="/js/jquery.qtip.css" type="text/css" />
<script type="text/javascript" src="/js/jquery.qtip.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function () {
$('a.link').qtip({
content: {
text: function (api) {
return $(this).attr('qtip-description');
},
title: {
text: function (api) {
return $(this).attr('qtip-title');
}
}
},
position: {
my: 'bottom center',
at: 'top center'
},
style: {
classes: 'ui-tooltip-shadow ui-tooltip-light'
}
});
});
</script>
<a href="#" id="linkRSS" target="_blank" class="link" qtip-title="Title" qtip-description="Description" aria-describedby="ui-tooltip-6">Link</a>
У меня около 500 ссылок на странице с атрибутами текста и описания, которые будут отображаться внутри qTip, когда при наведении курсора мыши qTip появляется только один раз, во второй раз при наведении курсора ничего не происходит, даже ошибок нет.
Ссылки загружаются при загрузке страницы, я ничего с ними не делаю после их загрузки, в любом случае я пытался использовать живое событие jQuery, но это не помогло.
Я использую jQuery 1.7.1 из cdn от Google.Так что не так с моим кодом?
PS: Вау!Я только что заметил, что демонстрации на сайте qTip также запускаются только один раз.Я действительно смущен, почему это так?