JQM弹出窗口无法正确显示

时间:2013-06-19 08:26:33

标签: jquery html5 css3 jquery-mobile

我正在使用JQM 1.3.1。我有一个显示项目列表的页面,每个项目旁边都有一个按钮,单击该按钮会显示一个包含一般信息的弹出窗口:

enter image description here

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

问题是,当对象位于页面底部时,弹出窗口显示为切断,无法向下滚动:

enter image description here

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

$('.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

1 个答案:

答案 0 :(得分:1)

找到一个可能的解决方案,JQM提供了一个tolerance选项,使您可以设置关闭允许弹出窗口出现的窗口边缘的方式:

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

虽然不是最好的解决方案,但从底部开始,弹出窗口不会出现在按钮旁边,但它现在可以使用