2017-09-21 20 views
1

這樣的相關問題我見過很多,但都沒有解決我的問題。還有其他原因,爲什麼這不起作用,但我很難找出問題。下面是代碼

base.html文件

<div class="sections-wrapper"> 
    {% block pagecontent %} 
    {% endblock pagecontent %} 
</div> 
{% block js %} 
    {% include 'includes/js.html' %} 
    <script> 
    $(document).ready(function(){ 
     function updateText(btn, newCount, verb){ 
     btn.text(newCount + " " + verb) 
    } 
    $(".like-company").click(function(e){ 
     e.preventDefault() 
     var this_ = $(this) 
     var likeUrl = this_.attr("data-href") 
     var likeCount = parseInt(this_.attr("data-likes")) | 0 
     var addLike = likeCount + 1 
     var removeLike = likeCount - 1 
     if (likeUrl){ 
     $.ajax({ 
     url: likeUrl, 
     method: "GET", 
     data: {}, 
     success: function(data){ 
      console.log(data) 
      var newLikes; 
      if (data.liked){ 
      updateText(this_, addLike, "Unlike") 
      } else { 
      updateText(this_, removeLike, "Like") 
      } 
      }, error: function(error){ 
       console.log(error) 
       console.log("error") 
      } 
     }) 
     } 
    }) 
    }) 
    </script> 
{% endblock js %} 

包括/ js.html

{% load static %} 
<script src="{% static 'js/jquery.slim.min.js'%}"></script> 
<script src="{% static 'js/tether.min.js' %}"></script> 
<script src="{% static 'js/bootstrap4.min.js'%}"></script> 

home.html做爲

{% extends 'base.html' %} 
{% block pagecontent %} 
    <div class="container"> 
    {% if companies %} 
     <h3 class="text-center bold categories">COMPANIES</h3> 
     {% for company in companies %} 
     {% if forloop.first %}<div class="row">{% endif %} 
       <a href="{{ company.get_like_url }}" class="btn btn-link like-company" data-href="{{ company.get_like_url }}" data-likes="{{ company.likes.count }}"><i class="fa fa-thumbs-o-up"></i>{{ company.likes.count }} like</a> 
     </div> 
     {% endfor %} 
    {% endif %} 
    </div> 
{% endblock pagecontent %} 

我已檢查了jquery的加載,並且還代碼正在處理if(likeUrl)

+1

有什麼** **實際的錯誤信息? (Verbatim。) –

+0

基於'{%include'includes/js.html'%}''include/nav.html'中的js腳本您有錯字或項目中的錯字? –

+0

抱歉,這是錯誤的問題。我會修復它 – milan

回答

1

您使用jquery在描述渺茫你可以閱讀

/*! jQuery v3.2.1 -ajax,-ajax/jsonp,-ajax/load,-ajax/parseXML,-ajax/script,-ajax/var/location,-ajax/var/nonce,-ajax/var/rquery,-ajax/xhr,-manipulation/_evalUrl,-event/ajax,-effects,-effects/Tween,-effects/animatedSelector | (c) JS Foundation and other contributors | jquery.org/license */ 

AJAX是排除瘦身版

release-note

+1

或鏈接self.valuable_content:https://stackoverflow.com/a/37750393/1600649 – Melvyn

+0

是的,它現在工作時使用縮小版本,而不是苗條 – milan