Simple Jeditable problem

I just started with Jeditable and it seems like I can't figure it out for 3 hours now. This tutorial was meant to be part of the cake:

http://www.appelsiini.net/projects/jeditable

but it turned out to be a slight pain in $$. I put jquery.js and jquery.jeditable.js in the same directory with the main page. This is my code (it seems that code tags won't do the trick, so I'll only give you the important blocks): the header contains

        <script type="text/JavaScript"
        src="jquery.js"></script>
    <script type="text/JavaScript"
        src="jquery.jeditable.js"></script>
    <script type="text/JavaScript"
        $(document).ready(function() {
            $('.edit').editable('#');
        });

      

and my html body contains:

<div class="edit" id="div_1">Edit me</div>

      

And about that. It should give me an editable form when I click Edit Me, but nothing happens. Where am I going wrong? Thanks in advance.

0


a source to share


2 answers


I don't know if this is a typo in the question or your actual code, but check this line:

<script type="text/JavaScript"
    $(document).ready(function() {
        $('.edit').editable('#');
    });

      



he should be

<script type="text/JavaScript">
    $(document).ready(function() {
        $('.edit').editable('#');
    });
</script>

      

+2


a source


Are you trying to send ajax to the same page you are on? If so, replace "#" with window.location.href and you should be good to go.



0


a source







All Articles