jQuery的AJAX项目无法重装后点击 [英] jquery ajax item can not be clicked after reload
问题描述
我使用的Django的
I am using django
在身挡
<div id="tag_like">
{% if liked %}
<img id="unlike" title="unlike" src="{{ STATIC_URL }}pic/bad.png" />
{% else %}
<img id="like" title="like" src="{{ STATIC_URL }}pic/good.png" />
{% endif %}
</div>
在on_ready脚本块:
In the on_ready script block:
$.ajaxSetup({
data: {csrfmiddlewaretoken: '{{ csrf_token }}'},
});
$('#like').click(function() {
$.post("{% url 'likevideo' %}", {uid:{{ login_id }}, videoid:"{{ videoid }}"}, function(data,status){
$('#tag_like').load(' #tag_like')
});
});
$('#unlike').click(function() {
$.post("{% url 'unlikevideo' %}", {uid:{{ login_id }}, videoid:"{{ videoid }}"}, function(data,status){
$('#tag_like').load(' #tag_like')
});
});
在第1次点击图像它工作正常。(转向其他图像) 但是,当再次点击它,没有AJAX的动作发生。我读
It works fine at the 1st time you click the image.(turned to the other image) But when click it again, no ajax action happens. I read
<一个href="http://stackoverflow.com/questions/4217919/refresh-a-div-in-django-using-jquery-and-ajax">Refresh使用jQuery和AJAX 在Django一个div
Refresh a div in Django using JQuery and AJAX
<一个href="http://stackoverflow.com/questions/3754953/jqgrid-not-reloading-after-making-a-ajax-call-using-triggerreload">jqgrid使用触发器做一个AJAX调用后不能重装('重装')
<一个href="http://stackoverflow.com/questions/3028912/adding-jqueryui-buttons-to-dynamically-added-content">Adding jQueryUI的按钮来动态添加内容
但是,没有具体的解决方案尚未达成... 以最小的改动任何解决方案?
But no specific solution reached yet... Any solution with minimal changes?
推荐答案
尝试一下本作的事件绑定:
try this for event binding:
$('#tag_like').on("click", "#like", function() {
$.post("{% url 'likevideo' %}", {uid:{{ login_id }}, videoid:"{{ videoid }}"}, function(data,status){
$('#tag_like').load(' #tag_like')
});
});
$('#tag_like').on("click", "#unlike", function() {
$.post("{% url 'unlikevideo' %}", {uid:{{ login_id }}, videoid:"{{ videoid }}"}, function(data,status){
$('#tag_like').load(' #tag_like')
});
});
这篇关于jQuery的AJAX项目无法重装后点击的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!