jQuery - html5sortable - Sortable plugin with Ajax

Question

html:

<ul class="sortable">
                            <li id="1">Strona Główna</li>
                            <li id="4">Kategorie</li>
                            <li id="6">Spis Treści</li>
                            <li id="7">Współpraca</li>
                            <li id="8">Kontakt</li>
                        </ul>

I use html5sortable plugin for jquery to use sortale list. From here: http://farhadi.ir/projects/html5sortable/

When I use this script:

$('.sortable').sortable();
        $('.sortable').bind('sortupdate', function() {
                alert(1);
        });

It works perfectly, I can sort list, dragging works. And when I make change alert(1) appears.

But when I change script to this:

$('.sortable').sortable();
        $('.sortable').bind('sortupdate', function() {
                $.ajax({
                    data: data,
                    type: 'POST',
                    url: 'update-menu',
                    dataType: 'json';
                });
        });

Now I can't even drag elements, it's totaly not possible. And I can't figure out what is happening here...

jemminger · Accepted Answer · 2017-07-01 16:32:22Z

1

You have a syntax error here:

                dataType: 'json';

Remove the semi-colon.

answered Jul 1, 2017 at 16:32

jemminger

5,1734 gold badges29 silver badges48 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

jemminger Over a year ago

You're welcome. Did any errors appear in the javascript console? Usually you'll see something there when you have a syntax error.

Collectives™ on Stack Overflow

jQuery - html5sortable - Sortable plugin with Ajax

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related