Question

我的页面上有一个名为task1的容器，其中包含幻灯片显示，后退按钮和下一个按钮。最后一页将task1作为一系列标签之一（称为任务的容器）。当我遗漏onClick函数时，我的tabs()事件完美无缺。只要我添加标签（），onClick就会触发两次。我已经检查了其他问题，但最常见的答案是“检查代码是否写了两次”并没有任何用水。

有什么建议吗？提前谢谢。

HTML：

<div class="content" id="tasks">
  <ul>
    <li><a href="#task1">Review for Quiz</a></li>
    <li><a href="#task2">task 2</a></li>
    <li><a href="#task3">task 3</a></li>
    <li><a href="#task4">task 4</a></li>
    <li><a href="#task5">Blackjack</a></li>
  </ul>                 

  <div class="content" id="task1"></div>
  <div class="content" id="task2"></div>
  <div class="content" id="task3"></div>
  <div class="content" id="task4"></div>
  <div class="content" id="task5"></div>
</div>

jquery的：

$("#tasks").tabs();

$(".content").on('click','.yNext',function(){
    $.ajax({
        url: "task1php.php",
        async: true,
        type: "POST",
        data: {func: 3}
    }).success(function(data){
        alert(data);
        $("#task1").html(data);
    });
});

php生成幻灯片（.yNext是下一个按钮，.yBack是后退按钮）：

if($slide == '55')
$slide = '1';
else
    $slide++;   
echo "<div class='yLeftSs'>";
echo "<input class='yBack' type='image' src='images/BackArrow.png' />";//back button
echo "</div>";
echo "<div class='yCenterSs'>";
echo "<img class='ySlides' src='images/Task1_slides/Slide".$slide.".PNG'/>";
echo "</div>";
echo "<div class='yRightSs'>";
echo "<input class='yNext' type='image' src='images/NextArrow.png' />";//next button
echo "</div>";

Answer 1

将return false;添加到点击处理程序的末尾，以防止默认操作和事件冒泡。其中一个似乎再次触发了处理程序。

点击内部仅在标签内点击两次（）

1 个答案: