Jquery ui .sortable() enable-disable

Question

First of all, let me explain my page structure, so you can get the idea how is it working. I've got some number of quick-button blocks. They can be sorted by Jquery ui .sortable() method, but only after pressing settings button (which allows quick buttons to be sortable). Later, order of this buttons could be saved or could be canceled. So I need to look through 3 conditions which are fired up by click event. Problem is, on first time everything is ok, but on second time when I'm trying to press button settings - sortable() method is not working anymore.

You can see my JS below:

    $('#tune-hot-links').click(function () { //Click "settings" button  
            $(".sect-hot-links-inner").sortable();
            $(".sect-hot-links-inner").disableSelection();      
    });
    $('.button-editgroup button.button-save').click(function () {   //Click "save" button       
            $(".sect-hot-links-inner").sortable('disabled');
            $(".sect-hot-links-inner").enableSelection();               
    });
    $('.button-editgroup button.button-cancel').click(function () { //Click "cancel" button 
            $(".sect-hot-links-inner").sortable('cancel');
            $(".sect-hot-links-inner").sortable('disabled');
            $(".sect-hot-links-inner").enableSelection();   
    });

I've already tried to change .sortable() to .sortable('enable') at #tune-hot-links event. And it's not working.

can you post a fiddle

neel shah
– neel shah

2014-04-14 13:59:33 +00:00
Commented Apr 14, 2014 at 13:59 — neel shah
– neel shah, Commented Apr 14, 2014 at 13:59

Dazvolt · Accepted Answer · 2014-04-14 14:11:49Z

4

Well, I have no idea why, but seems that changing code like this:

$('#tune-hot-links').on( "click", function() {      
            $(".sect-hot-links-inner").sortable("enable");          
    });
    $('.button-editgroup button.button-save').on( "click", function() {         
            $(".sect-hot-links-inner").sortable("disable");
    });

    $('.button-editgroup button.button-cancel').on( "click", function() {   
            $(".sect-hot-links-inner").sortable('cancel');
            $(".sect-hot-links-inner").sortable("disable");
            $(".sect-hot-links-inner").enableSelection();   
    });

Resolved that issue.

answered Apr 14, 2014 at 14:11

Dazvolt

6972 gold badges10 silver badges22 bronze badges

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

Collectives™ on Stack Overflow

Jquery ui .sortable() enable-disable

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related