CSS позиционирование разрывов всплывающей подсказки внутри модального всплывающего окна - PullRequest
Новая
       40

CSS позиционирование разрывов всплывающей подсказки внутри модального всплывающего окна

2 голосов
/ 28 июня 2011

Я использую «простой модальный» стиль OSX с подсказкой tipTip (оба jquery).

Моя проблема: всплывающая подсказка прекрасно работает в модальном всплывающем окне при первом открытии, но при закрытии и повторном открытии она уходит в верхний левый угол.

Пример: http://drawnigh.org/site/new/modal/

Есть идеи, что это вызывает?

Ответы [ 2 ]

1 голос
/ 28 июня 2011

убедитесь, что загрузка чаевых после модальной анимации выполняется следующим образом:

откройте файл osx.js, найдите этот фрагмент кода и добавьте вызов tip, как показано ниже: 

    open: function (d) {
        var self = this;
        self.container = d.container[0];
        d.overlay.fadeIn('slow', function () {
            $("#osx-modal-content", self.container).show();
            var title = $("#osx-modal-title", self.container);
            title.show();
            d.container.slideDown('slow', function () {
                setTimeout(function () {
                    var h = $("#osx-modal-data", self.container).height()
                        + title.height()
                        + 20; // padding
                    d.container.animate(
                        {height: h}, 
                        200,
                        function () {
                            $("div.close", self.container).show();
                            $("#osx-modal-data", self.container).show();
                            // add this line of code...
                            $("form input").tipTip({defaultPosition: "right", activation: "focus", delay: "10", fadeIn: 1});
                        }
                    );
                }, 300);
            });
        })
    },
0 голосов
/ 28 июня 2011

Я бы предложил изменить атрибут позиции #tiptip_holder на фиксированный. При абсолютном позиционировании всплывающая подсказка не будет перемещаться вниз с модальным всплывающим окном при прокрутке страницы.

...