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')
   });
});

它在第一次点击图像时工作正常（转向另一个图像）
但是再次单击它时，不会发生任何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

使用JQuery和AJAX在Django中刷新div

jqgrid not reloading after making a ajax call using trigger('reload')

将jQueryui按钮添加到动态添加的内容

但没有具体的解决方案达到...
任何解决方案的变化最小？

But no specific solution reached yet... Any solution with minimal changes?

推荐答案

尝试这个事件绑定：

$('#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屋！