Can't get django-inplaceedit to work

Question

The top of my HTML template contains:

{% load inplace_edit %}

Header part contains:

{% inplace_static %}

Then in my body contents I am doing:

{% inplace_edit "action.action_state" %}

But it's not working. I have installed:

'bootstrap3',
'inplaceeditform_bootstrap',   # it is very important that this app is placed before inplaceeditform and inplaceeditform_extra_fields
'inplaceeditform',
'inplaceeditform_extra_fields',
'bootstrap3_datetime',

I have tried 'django.template.loaders.eggs.Loader', both enabled and disabled.

It shows up as a clickable text, but when I click/double-click nothing happens. How do I get it to work?

Thanks,

Hec

Answer 1

After trying @Goin's suggestion I found that my JQuery files were not being correctly imported. had to move:

<script type="text/javascript" charset="utf-8" src="{% static 'srt/js/jquery-1.10.2.min.js' %}"></script>
<script type="text/javascript" charset="utf-8" src="{% static 'srt/js/jquery-ui.min.js' %}"></script>

to the top of my header block. Anyone working with Bootstrap, please make sure you import JQuery as the first thing in your templates.

Thanks