ブートストラップボタンonclickイベント

Question

私は2つのブートストラップボタンを持っています。私はウェブサイト上の別のページへの直接リンクで、もう1つはjavascript onclickイベントを有効にしたいものです。私は基本的なリンクには何の問題もありませんが、それをボタンに追加するとうまくいきません。私はリンクのthatsを使用していますが、ボタンdoesntを使用しているコードが含まれています。

<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 uは間違ったIDを使用してrを

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

。そうしない

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