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 就绪处理程序中。

像这样:

$(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 回答