jquery - 動作しません

Question

別のページにリンクするボタンを作成しようとしています。HTMLは次のとおりです。

<div class="new_user"> 
<button id="buton_user_nou">Creaza User
</button>
</div>

およびjQuery:

$('#buton_user_nou').click(function(){
location.href='/register.htm'
})

このボタンは、すべてのブラウザで完全に非アクティブです。ホバリングしても強調表示されません...ポインタはありますか？

Answer 1

ゼミコロンがありません。また、イベント登録コードをドキュメント内に配置することをお勧めします。これにより、イベントの追加中に dom 要素が存在することが保証されます。

$(document).ready(function() {
    $("#buton_user_nou").click(function() {
        location.href='/register.htm';
    });
});

Answer 2

スクリプトをどこに配置したかわかりませんが、問題は、DOM の読み込みが完了する前にスクリプトが実行される可能性があるため、jQuery が検索するボタンがありません。

adeneo が指摘したように、コードをドキュメント対応関数内にラップするだけです。

$(document).ready(function() {
  $('#buton_user_nou').click(function() {
    location.href='/register.htm'
  });
});

Answer 3

試す..

$(window).load(function(){
  $("#buton_user_nou").click(function() {
    location.href='/register.htm';
  });
});

このようにして、ドキュメントの前にロードされます:)