jQuery 启用防止默认并为列表中的第一个 child 切换事件类

Question

两个我似乎无法弄清楚的小问题:

1. 当您进入该页面时，我允许单击缩略图转到不同的页面。但是，当我点击“删除拇指”按钮时，我不允许用户点击，我使用防止默认。现在我的问题是当我点击“完成”按钮时，拇指仍然不可点击。单击“完成”后我想重新启用单击

2. 我的第二个问题是 - 如果单击“删除缩略图”按钮，这将允许您使用 jQueryUI sortable 重新排列缩略图的顺序。

我在第一个 child 的 css 中设置了一个事件类。我希望事件的 li 仅位于列表中的第一个。因此，如果您将第一个 li 拖出，它将删除事件类，然后列表中的第一个 li 将成为事件类。

.gallery li a.active:first-child 

我有下面的演示代码: http://jsfiddle.net/3E2Hg/73/

希望有人能帮忙，

谢谢

Answer 1

伙计，对于你的第一个问题，这里是解决方案。

$(function cancelDeleteImages(){
    $(".cancelDeleteImages").click(function(event) {

        $('.cancelDeleteImages').hide(); 
        $('.deleteAllImages').show(); 

        $( "#sortable" ).sortable("disable");
        $('#sortable li a').unbind('click').click();
       // return true;
    });
});

第二个问题，没看懂，能否详细解释一下

第二种解决方案:

$( "#sortable" ).sortable({
            //Need to allow the user to be able to scrollover the thumbnails on device
            //delay: 900, // touch and hold to activate li being sortable
            //scroll: true, // allow user to scroll over thumbnails
            placeholder: "ui-state-highlight",

            stop: function(event, ui) {

           $('ul#sortable a.active').removeClass('active');
        $('ul#sortable a:first').addClass('active');
            }
        });

用上面的替换你的.sortable。作品