引導按鈕onclick事件

Question

我有2個引導按鈕，我是直接鏈接到網站上的另一個頁面，另一個我想激活一個javascript onclick事件。我有一個基本的鏈接沒有問題，但是當它添加到一個按鈕它似乎不工作？我已經包含了我正在使用的代碼和可用的鏈接，但按鈕並沒有。

的代碼是：

<div style="margin-top:10px" class="form-group"> 
<!-- Button --> 
<div class="col-sm-12 controls"> 
Are you already registered? 
<a href='login' button type='button' class='btn btn-block btn-success'><span class='glyphicon glyphicon-user'></span> Login</button></a> 
<div class="spacing3"></div>Not yet? 

<button id='next' name ='next' type='button' class='btn btn-block btn-primary'>Continue</button> 
</div> 
</div> 

<a href="#" onClick="$('#loginbox').hide(); $('#1box').show()">Login here</a> 

而且按鈕的JS是

$(document).ready(function() { 
$('#btn-next').on('click', function() { 
$('#loginbox').hide(); $('#1box').show(); 
} 
       

Answer 1

改變這種

<button id='next' name ='next' type='button' class='btn btn-block btn-primary'>Continue</button> 

到

<button id='btn-next' name ='next' type='button' class='btn btn-block btn-primary'>Continue</button> 

因爲你是在BTN-下一個ID $('#btn-next').on('click'

Answer 2

更改您的代碼將事件：Acyuallyü[R使用錯誤的ID

$(document).ready(function() { 
    $('#next').on('click', function() { 
     $('#loginbox').hide(); 
     $('#1box').show(); 
    }) 
}); 

。

$('#btn-next') 

應該

$('#next') 

另一種解決辦法是，從HTML改變你的ID，如：

<button id='btn-next' name ='next' type='button' class='btn btn-block btn-primary'>Continue</button> 

然後jQuery的爲：

$(document).ready(function() { 
    $('#btn-next').on('click', function() { 
     $('#loginbox').hide(); 
     $('#1box').show(); 
    }) 
});