#jquery #thickbox #qtip
#jquery #thickbox #qtip
Вопрос:
У меня загружается форма в Thickbox, которая отправляется с помощью AjaxForms, и я пытаюсь добавить несколько приятных qTips, чтобы пользователи лучше понимали, что делает поле формы при вводе данных (это модальное диалоговое окно параметров конфигурации)
Существующий материал работает нормально, всплывает ThickBox, а форма отображается и отправляется нормально. Однако, похоже, я не могу заставить qTip отображаться ни на каких элементах. Мне удалось заставить один из них работать, вручную подключив его с помощью консоли Firebug.
Я поместил код для расширения панели «дополнительно» и qtip на страницу, загруженную в ThickBox, и jQuery 1.4.2 загружен в проект глобально.
<script type="text/javascript" src="js/jquery.qtip-1.0.0-rc3.min.js"></script>
<script type="text/javascript">
$(function(){
$('div#advanced').hide();
$('#advtoggle').click(function(e){
e.preventDefault();
$('div#advanced').toggle();
});
$('#theme').qtip({
content: "Default theme id, 7 for a custom window",
position: {
corner: {
target: 'topRight',
tooltip: 'bottomLeft'
}
},
style: {
name: 'cream',
tip: true
}
});
});
</script>
Я могу развернуть панель без проблем, но я очень смущен тем, почему моя qTip не отображается.
Мои первые мысли были о том, что qTip не удалось инициализировать, потому что thickbox не был открыт, и, следовательно, dom еще не существует, но это сокращенно ready()
, так что все должно быть в порядке. Я попытался удалить ready, а также переместить код на родительскую страницу, ни один из которых не дал никаких результатов.
Будем признательны за любые идеи! Ta
- ThickBox, http://jquery.com/demo/thickbox / * (Я знаю, что это устарело)
- qTip, http://craigsworks.com/projects/qtip /
- AjaxForms, http://jquery.malsup.com/form /
PS,
Похоже, что добавление его в Firebug теперь выдает эту ошибку,
>>> $('#theme').qtip();
TypeError: f(this).data("qtip") is null { message="f(this).data("qtip") is null", more...}