javascript - 一键-两种功能

Question

我正在为信息亭制作一个网站，所以该网站就像每个 div 之间的照片幻灯片。

我在第一页上放置了一个停留/ mask ，此刻通过鼠标单击功能删除了停留/ mask 。 (作为旁注，这是为了隐藏信息亭第一个屏幕上的地址栏，因为第一页/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