溢出容器停止访问滑块触摸/滑动

Question

希望你能帮助。我是一个新手，尽管研究还没有找到解决我的问题的方法。我有一个透明的导航栏，坐落在具有触摸滑动功能的滑块顶部，以及箭头导航按钮点击下一个/上一个。直接在透明导航下是一个显示/隐藏文本内容的标签（使用jquery）。请参阅下面的测试链接。

问题是，为了显示/隐藏消失在导航后面，它需要坐在一个div容器中，溢出：隐藏。这是我在下面的测试中着红色的容器。不幸的是，在移动设备上，这个容器覆盖了大部分页面，并且阻止了大部分页面上的触摸滑动功能。如果任何人可以提供任何建议，关闭显示/隐藏时是否可以折叠包含红色的div，我会非常感激。

http://the3rdobject.com/test/index.html

Answer 1

你需要的是一个回调。在该回调中，您可以显示/隐藏困扰您的div。

更多细节在这里：http://api.jquery.com/toggle/。

你有什么兴趣这一部分：

$("#clickme").click(function() { 
    $("#book").toggle("slow", function() { 
     // Animation complete. 
    }); 
}); 

在你的情况，你可能想要做这样的事情：

$("#clickme").click(function() { 
    $("#book").toggle("slow", function() { 
     $("#botheringDivId").hide(); 
    }); 
}); 

您可能需要适应它一下，以满足您的需求，但这应该很容易。