jquery - JQM 弹出窗口未正确显示

Question

我正在使用 JQM 1.3.1。我有一个显示元素列表的页面，每个元素旁边都有一个按钮，单击该按钮会显示一个包含一些常规信息的弹出窗口:

重要:我需要弹出窗口出现在按下的按钮旁边

问题是当对象位于页面底部时，弹出窗口出现剪切，无法向下滚动:

这是显示弹出窗口的代码:

$('.capbPlanDetailsPopup').popup('open', {
                positionTo: 'origin',
                x: btn.offset().left + btn.outerWidth() + 15,
                y: btn.offset().top - 35
            }); // pos is width/2 + width of menu image

Answer 1

找到了可能的解决方案，JQM提供了一个tolerance选项，它使您能够设置允许弹出窗口出现在窗口边缘的距离:

//the popup height is 240px
$('.capbPlanDetailsPopup').popup({tolerance: "0,0,240,0" });

虽然不是最好的解决方案，因为在底部，弹出窗口不会出现在按钮旁边，但现在可以了