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

Question

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

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

因此，当#panel有一个ui-panel-closed类时，事件监听就会被放置。但最终发生的事情是我必须首先打开并关闭面板才能受到javascript的影响。关于如何让它在加载时工作的任何想法。它包含在文档就绪声明中。

Answer 1

试试这样：

将其添加到

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