jQuery qTip & ThickBox - PullRequest
Новая
       3

jQuery qTip & ThickBox

1 голос
/ 07 июля 2010

У меня есть загрузка формы в 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(), так что все должно быть в порядке.Я попытался удалить готовый и также попытался переместить код на родительскую страницу, ни одна из которых не дала никаких результатов.

Любые идеи будут с благодарностью!Ta

PS,

Добавление его в Firebug, похоже, выдает эту ошибку сейчас, 

>>> $('#theme').qtip();
TypeError: f(this).data("qtip") is null { message="f(this).data("qtip") is null", more...}
...