引導尋呼機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(); 
    }) 
});