0

リンクがクリックされたときにリンクの背景画像を変更しようとしています。nullで「クリック」を呼び出すことができないというエラーが引き続き発生します。

JQuery (ヘッダー内)

<script type="text/javascript">
    $('a.upvote-arrow').click(function(){
        $('#tempid1').css('background-image','url(../images/icons/up-arrow2.png)');
    });
</script>

HTML

<div class="top-comment-vote">
    <a href="#" class="upvote-arrow" title="Up vote" id="tempid1"></a>
</div>

ありがとう

4

3 に答える 3

1

このスクリプトは、html が DOM にある後にロードされていますか?

書いたものを onload クロージャーでラップしてみてください。

$(function() {
 $('a.upvote-arrow').click(function(){
   $('#tempid1').css('background-image','url(../images/icons/up-arrow2.png)');
 });
});

もう 1 つできることは、イベント登録の委任を利用することです。

$('body').on("click", ".a.upvote-arrow", function(){
 $('#tempid1').css('background-image','url(../images/icons/up-arrow2.png)');
});

これにより、代わりに本体にバインドされます。

于 2012-06-29T22:26:57.777 に答える
1

追加してみてください$(document).ready：

<script type="text/javascript">
$(document).ready(function(){
    $('a.upvote-arrow').click(function(){
        $(this).css('background-image','url(../images/icons/up-arrow2.png)');
    });
})
</script>
于 2012-06-29T22:25:18.657 に答える
0

スクリプトを document.read; でラップしてみてください。ページ全体が読み込まれる前にスクリプトが実行されているのではないかと思います。

于 2012-06-29T22:25:36.987 に答える