有人可以告诉我为什么下一个jquery代码不起作用。我已经在$(document).ready
块之外尝试过,这也行不通
注意:奇怪的“ {{}}”和“ {%%}”通常是django
Jquery
$(document).ready(function () {
$(".post_thumb_up").hover(function () {
$(".post_thumb_up").attr("src", "/post_it/static/media/thumb_up_hover.png");
});
$(".post_thumb_up").click(function () {
$(".post_thumb_up").attr("src", "/post_it/static/media/thumb_up.png");
});
});
html:
<div class="post">
<h3>{{ post.title }}</h3>
<img class="post_image" src="{% static post.image_path %}">
<p><i>Door: {{ post.author }}<br>Datum: {{ post.date_posted|date:"l d F, Y, H:i" }}</i></p>
<div class="post_line"></div>
<div class="post_actions">
<input id="test" type="image" class="post_thumb_up" src="{% static "media/thumb_up.png" %}">
<input type="image" class="post_thumb_down" src="{% static "media/thumb_down.png" %}">
</div>
</div>
谢谢
我怀疑可能是这种情况。
$(document).ready(function () {
setTimeout(function(){
$(".post_thumb_up").hover(function () {
// may be you need to set "http://" or "fullpath" to src value
$(this).attr("src", "/post_it/static/media/thumb_up_hover.png");
});
$(".post_thumb_up").click(function () {
$(this).attr("src", "/post_it/static/media/thumb_up.png");
});
},200)
});
$(document).ready(function () {
$(document).on(".post_thumb_up", 'hover', function () {
$(this).attr("src", "/post_it/static/media/thumb_up_hover.png");
});
$(document).on(".post_thumb_up", 'click', function () {
$(this).attr("src", "/post_it/static/media/thumb_up.png");
});
});