0

Okay so I have added readmore.js and imported jquery as seen below:

{% block head %}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<script src="{% static 'location/readmore.min.js' %}"></script>
<script>
    $('.article').readmore();
</script>
{% endblock %}

The block head and endblock are part of the django framework

Below is my p.article:

<div class="row"><!--Row 2 start -->
    <div class="col-md-9">
        <h2> About this Location </h2>
        <p class="article">{{object.description}}</p>
    </div>
</div>

I haven't played with jQuery or javascript before. But i followed all the instructions and this isn't working. What am I doing wrong?

I have tried placing the scripts at the end of the page, at the beginning. Nothing works

Thanks in advance!

Tony
  • 2,002
  • 7
  • 28
  • 44

0 Answers0