javascript - 仅在侧面板打开时允许滚动

Question

我正在使用 jquery mobile 的面板功能为我的移动应用程序创建滑出菜单，但面板中的链接数量超过了页面长度。我也有一个事件监听器来防止滚动，但它会干扰滚动到其他链接。所以我想要的是仅在面板关闭时启用事件监听，并在面板打开时将其删除。所以我想出了这个。

$('#panel.ui-panel-closed').addEventListener('touchmove', function(e) { 
    e.preventDefault(); }, false);  

因此，当#panel有一个类时ui-panel-closed，事件监听就被放置了。但最终发生的是我必须先打开和关闭面板，然后才能受 javascript 的影响。关于如何让它在负载下工作的任何想法。它被包裹在一个 on document ready 语句上。

Answer 1

试试这样：

将其添加到

$(document).on("pageinit", function() {
     $(document).on("touchmove", "#panel.ui-panel-closed", function(e) {
          e.preventDefault();
     });
});