jQuery移动弹出窗口在页面调整大小或滚动时在错误的位置重新打开

Tetyana

在PC浏览器中,存在一个问题,弹出窗口会在调整窗口大小时更改其位置。我在Google上进行了搜索,发现JMF有一个将positionTo从origin /#codeSource更改为window的错误。

在移动浏览器中,我在页面滚动方面存在相同的问题。弹出窗口再次呈现在错误的位置。

我需要以某种方式设置正确的位置,或者避免在调整窗口大小和滚动页面时多次打开。

有人可以给我一些建议吗?

奥马尔

您需要收听popupbeforeposition事件并更改ui该事件忽略的对象。对象拥有三项属性用于定义弹出窗口的位置,ui.xui.yui.positionTo

后者的默认值属性window,它覆盖任何以前添加值ui.xui.y因此,每当popupafterposition火灾,ui.positionTo应改为null代替window

编辑:下面的代码应包装在pageinit事件(2)中

$(document).on("pageinit", function () {
  $("#popup_ID").on("popupbeforeposition", function (e, ui) {
      ui.x = value; /* (1) */
      ui.y = value; 
      ui.positionTo = null; /* this */
  });
});

演示版

(1)值=数字

(2) pageinit是一个特殊的jQM事件,它等效于.ready()并且应该代替它使用。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

单击li元素时的jQuery移动弹出窗口

来自分类Dev

jQuery移动弹出窗口宽度问题

来自分类Dev

jQuery移动弹出窗口问题

来自分类Dev

jQuery移动弹出窗口宽度问题

来自分类Dev

jQuery移动弹出窗口问题

来自分类Dev

如何在Microsoft Edge浏览器中调整和移动弹出窗口的大小?

来自分类Dev

如何在Microsoft Edge浏览器中调整和移动弹出窗口的大小?

来自分类Dev

设备的(android)键盘处于活动状态时,jQuery移动弹出窗口小部件不会移动

来自分类Dev

设备的(android)键盘处于活动状态时,jQuery移动弹出窗口小部件不会移动

来自分类Dev

如何在页面底部显示一个jQuery移动弹出窗口?

来自分类Dev

如何移动弹出窗口?

来自分类Dev

从标题链接到jQuery移动弹出窗口时不显示

来自分类Dev

从标题链接到jQuery移动弹出窗口时不显示

来自分类Dev

打开弹出窗口时如何停止页面滚动

来自分类Dev

不会阻止UI的jQuery移动弹出窗口

来自分类Dev

jQuery移动弹出窗口不适用于Android

来自分类Dev

页面打开后启动弹出窗口(使用宏弹出窗口)

来自分类Dev

jQuery移动弹出维度

来自分类Dev

在打开另一个弹出窗口时如何隐藏活动弹出窗口?

来自分类Dev

leafletjs添加滚动弹出窗口?

来自分类Dev

当弹出窗口打开时防止正文滚动

来自分类Dev

在页面加载时打开弹出窗口

来自分类Dev

为什么打开CSS弹出窗口时页面会滚动到顶部?

来自分类Dev

在页面加载时打开一个弹出窗口,在其他任何地方单击时隐藏,并且在调整窗口大小时动态跟随其父窗口

来自分类Dev

两秒钟后使jQuery移动弹出窗口消失

来自分类Dev

无法以编程方式关闭jQuery移动弹出窗口中的可折叠

来自分类Dev

jQuery移动弹出窗口的宽度因内部内容而异吗?

来自分类Dev

jQuery移动弹出窗口关闭按钮并非始终有效

来自分类Dev

一旦按下相关按钮,JQuery 移动弹出窗口并不总是出现

Related 相关文章

  1. 1

    单击li元素时的jQuery移动弹出窗口

  2. 2

    jQuery移动弹出窗口宽度问题

  3. 3

    jQuery移动弹出窗口问题

  4. 4

    jQuery移动弹出窗口宽度问题

  5. 5

    jQuery移动弹出窗口问题

  6. 6

    如何在Microsoft Edge浏览器中调整和移动弹出窗口的大小?

  7. 7

    如何在Microsoft Edge浏览器中调整和移动弹出窗口的大小?

  8. 8

    设备的(android)键盘处于活动状态时,jQuery移动弹出窗口小部件不会移动

  9. 9

    设备的(android)键盘处于活动状态时,jQuery移动弹出窗口小部件不会移动

  10. 10

    如何在页面底部显示一个jQuery移动弹出窗口?

  11. 11

    如何移动弹出窗口?

  12. 12

    从标题链接到jQuery移动弹出窗口时不显示

  13. 13

    从标题链接到jQuery移动弹出窗口时不显示

  14. 14

    打开弹出窗口时如何停止页面滚动

  15. 15

    不会阻止UI的jQuery移动弹出窗口

  16. 16

    jQuery移动弹出窗口不适用于Android

  17. 17

    页面打开后启动弹出窗口(使用宏弹出窗口)

  18. 18

    jQuery移动弹出维度

  19. 19

    在打开另一个弹出窗口时如何隐藏活动弹出窗口?

  20. 20

    leafletjs添加滚动弹出窗口?

  21. 21

    当弹出窗口打开时防止正文滚动

  22. 22

    在页面加载时打开弹出窗口

  23. 23

    为什么打开CSS弹出窗口时页面会滚动到顶部?

  24. 24

    在页面加载时打开一个弹出窗口,在其他任何地方单击时隐藏,并且在调整窗口大小时动态跟随其父窗口

  25. 25

    两秒钟后使jQuery移动弹出窗口消失

  26. 26

    无法以编程方式关闭jQuery移动弹出窗口中的可折叠

  27. 27

    jQuery移动弹出窗口的宽度因内部内容而异吗?

  28. 28

    jQuery移动弹出窗口关闭按钮并非始终有效

  29. 29

    一旦按下相关按钮,JQuery 移动弹出窗口并不总是出现

热门标签

归档