Question

希望你能提供帮助。虽然研究没有找到解决问题的办法，但我还是有点新意。我有一个透明导航栏，位于滑块顶部，具有触摸功能以及箭头导航按钮，可单击下一个/上一个。直接在透明导航下是一个显示/隐藏文本内容的选项卡（使用jquery）。请参阅下面的测试链接。

问题在于，为了让show / hide在nav后面消失，它需要位于具有overflow：hidden的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();
     });
 });

您可能需要稍微调整一下以满足您的需求，但这应该很容易。

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

1 个答案: