引导寻呼机onclick事件

Question

我对引导程序非常陌生，并且对寻呼机选项完全陌生。我有一个页面，可以在JavaScript中使用引导按钮和点击事件。我正在尝试使用寻呼机选项来实现这一点。下面只是其中一个选项的简要示例，以及我想要的JavaScript。我似乎无法做任何事情，如果我添加按钮类，它完全去锅！由于

的HTML是：

<div class="col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2 col-xs-10 col-xs-offset-1"> 
<ul class="pager"> 
    <li class="previous"><a href="#">Back</a></li> 
    <li class="next"><a href="#">Next</a></li> 
</ul> 
</div> 

，我希望javavscript当任一按钮被点击的是运行： -

$(document).ready(function() { 
    $('#next').on('click', function() { 
     $('#box1').hide(); 
     $('#box2').show(); 
    }) 
}); 

Answer 1

尝试这样;

<div class="col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2 col-xs-10 col- 
    xs-offset-1"> 
    <ul class="pager"> 
    <li id="previous" class="previous"><a href="#">Back</a></li> 
    <li id="next" class="next"><a href="#">Next</a></li> 
    </ul> 
</div> 




$(document).ready(function() { 
    $('#previous').on('click', function() { 
     $('#box2').hide(); 
     $('#box1').show(); 
    }); 

    $('#next').on('click', function() { 
     $('#box1').hide(); 
     $('#box2').show(); 
    }); }); 

Answer 2

你添加点击处理程序的元素的编号为next，但在您的html中，next是一个类名。

更改您的JS来 -

$(document).ready(function() { 
    $('.next').on('click', function() { 
     $('#box1').hide(); 
     $('#box2').show(); 
    }) 
});