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 提供了一个容差选项，它使您能够设置允许弹出窗口出现的距离窗口边缘的距离：

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

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