Question

我有一个简单的测验应用，我想添加一项功能来自动提出下一个问题。

截至目前，在人们选择答案后，他们必须点击“下一步”。看下一个问题。我想在选择答案时触发Next按钮上的点击事件。

请记住所有问题都已加载并硬编码到html中，但样式显示为：none;因此，当我们基本上点击下一步时，我们正在设置下一个是可见的，而当前的一个是不可见的。

这是我用半解决方案尝试过的。

我的代码存在的问题是它会触发点击最后一个next按钮对同一父级中的按钮执行此操作。

$ = jQuery;
$(document).ready(function(){
    $("li.wpProQuiz_questionListItem").click(function() {

        $(this).parent("li").closest('.next').trigger('click');     
        return false;
    });
});

</script>

这是我的代码结构。

<ol>
<li>
 <div>
  <ul>
   <h2>q1</h2>
    <li>answer 1</li>
    <li>answer 2</li>
    <li>answer 3</li>
     <button class="next">
   </ul>
  </div></ul>
<li style="display:none;">
 <div>
  <ul>
   <h2>q2</h2>
    <li>answer 1</li>
    <li>answer 2</li>
    <li>answer 3</li>
     <button class="next">
   </ul>
  </div></li>
<li style="display:none;">
     <div>
      <ul>
       <h2>q3</h2>
        <li>answer 1</li>
        <li>answer 2</li>
        <li>answer 3</li>
         <button class="next">
       </ul>
      </div></li>
    </ol>

谢谢。

时可能会解决这个问题

Answer 1

我想知道你为什么试图传递＆＃34;点击＆＃34;事件，只是在文档准备检查任何元素已检查和.fadeIn（）下一个李子。

$(document).ready(function() {
if($('input[type=checkbox]:checked')) {
    $('li:first-child').next().fadeIn('slow');
}});

jquery触发器一次单击一个事件

1 个答案: