jQuery返回分配给插件的变量

为什么我不能做这样的事情：

var $el = $(".sortable").sortable({
    placeholder: "placeholder",
    tolerance: "pointer",
    handle: ".handle",

});

而不是像这样称呼它：

$(document).on('click', '.action', function() {
    $.post("index.php", function(data) {
        $el
    });
});

而不是：

$(document).on('click', '.action', function() {
    $.post("index.php", function(data) {
        $(".sortable").sortable({
            placeholder: "placeholder",
            tolerance: "pointer",
            handle: ".handle"
        });
    });
});

是否有另一种方法可以仅使用一行代码调用sortable，还是所有内容都需要包装在函数中

var foo = function(){
      $(".sortable").sortable({
         placeholder: "placeholder",
         tolerance: "pointer",
         handle: ".handle",
      });
}

那就做吧

$(document).on('click', '.action', function() {
    $.post("index.php", function(data) {
        foo();
    });
});

那就做吧

$(document).on('click', '.action', function() {
    $.post("index.php", function(data) {
        foo();
    });
});