0

皆さん、こんにちは。私は Web 開発の初心者で、Django フレームワークで学習を始めました。jQueryを使用する必要があるまでは、すべて問題ありませんでした。これが問題のコードです...

{% load staticfiles %}

<!DOCTYPE HTML...
...
<head>
<script src="{% static 'jquery-1.10.2.js' %}"></script>
<script type="text/javascript">
$('#downloadswap img').hover(function() {
  $(this).attr('src', "{% static 'fdownloadbook.png' %}");
}, function() {
  $(this).attr('src', "{% static 'downloadbook.png' %}");
});
</script>
...
<a href = "#" id = "downloadswap"><img src="{% static 'downloadbook.png' %}"></a>

私の目的は、JS の助けを借りて、ユーザーがリンクの上にマウスを置いたときに画像を変更することです。しかし、うまくいきません:(

4

1 に答える 1

0

jquery コードをDOM 対応の handlerでラップする必要があります。

このような：

$(document).ready(function(){
    $('#downloadswap img').hover(function() {
      $(this).attr('src', "{% static 'fdownloadbook.png' %}");
    }, function() {
      $(this).attr('src', "{% static 'downloadbook.png' %}");
    });
});
于 2013-08-12T20:34:13.497 に答える