Блог

У меня загружается форма в 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...}