Question

我正在为自助终端做一个网站，所以该网站就像每个div之间的幻灯片一样。

我在第一页上放置了一个停留/遮罩，暂时在鼠标点击功能上删除了停留/遮罩。（作为旁注，这是为了将地址栏隐藏在信息亭的第一个屏幕上，因为第一页/ div是一个标签）

 $("#item1").append('<div id="pageLayover"></div>');
 $(document).click(function(){ 
     $("#pageLayover").remove(); 
});

每当您单击鼠标移除停留时，您需要再次单击，然后第一个标签页将滑动到第二页。

有什么方法我可以只点击一下而不是两次去除停留/掩码并让第一页同时滑到第二页？

以下是jsFiddle上的代码。任何代码/链接/示例都会有很大的帮助。

提前致谢！

Answer 1

您的问题非常令人困惑，但也许这就是您正在寻找的答案：

要点击暂停实际上两次点击，您只需触发第一个面板的点击事件：

$('#pageLayover').live('click', function(e) { // <-- updated!
  $("#pageLayover").remove(); // remove our layover from the DOM
  $panels.eq(0).click(); // <-- trigger click event of 1st element of $panels
});

但这并不会检查面板上是否发生了点击。

您可以使用以下方法解决多次停留的问题：

$('#wrapper').scrollTo($(this).attr('href'), 800,{
    onAfter: function(id){
        if ($('#pageLayover').length == 0) {             // <--- new
            $("#item1").append('<div id="pageLayover"></div>');
        }                                                // <--- new

一键 - 两个功能

1 个答案: