一键两次功能

Question

我正在为一个kiosk做一个站点，所以这个站点就像一个照片幻灯片-在每个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