Question

我正在使用带有tipTip工具提示的OSX样式“简单模态”（两个jquery）。

我的问题：第一次打开时，工具提示在模态弹出窗口内效果很好，但是当关闭并重新打开时，它会转到左上角。

知道造成这种情况的原因是什么？

Answer 1

DEMO： http://so.devilmaycode.it/css-positioning-of-tooltip-breaks-inside-modal-popup/

确保以这种方式完成模态动画后的尖端加载：

打开osx.js找到这段代码并添加如下所示的提示调用：

    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);
            });
        })
    },

Answer 2

我建议将#tiptip_holder的position属性更改为fixed。使用绝对定位，当页面滚动时，工具提示不会随着模态弹出窗口向下移动。

工具提示的CSS定位在模态弹出窗口内部中断

2 个答案: