jquery - 在 jQuery 中命名函数

Question

我想将这个 jQuery 函数命名为“showElements”。我怎样才能做到这一点？

$(function () {
    $("#sortable").sortable({
        revert: true
    });
    $("#draggable").draggable({
        connectToSortable: "#sortable",
        helper: "clone",
        revert: "invalid"
    });
    $("ul, li").disableSelection();
});

Answer 1

首先，您必须包含jQuery库，然后：

<script type="text/javascript">
    function showElements()
    {
        $("#sortable").sortable({
            revert: true
        });
        $("#draggable").draggable({
            connectToSortable: "#sortable",
            helper: "clone",
            revert: "invalid"
        });
        $("ul, li").disableSelection();
    }
</script>

Answer 2

在这种情况下，不需要将函数包装在 jQuery 全局 ($) 中。只需像这样创建函数：

function showElements() {
$("#sortable").sortable({
    revert: true
});
$("#draggable").draggable({
    connectToSortable: "#sortable",
    helper: "clone",
    revert: "invalid"
});
$("ul, li").disableSelection();
}

Answer 3

就像是：

<script type="text/javascript">
    var showElements = function () {
        $("#sortable").sortable({
            revert: true
        });
        $("#draggable").draggable({
            connectToSortable: "#sortable",
            helper: "clone",
            revert: "invalid"
        });
        $("ul, li").disableSelection();
    };

    $(function(){
        showElements();
    });
</script>

Answer 4

作为一个 jQuery 插件：

(function ($,undefined) {
    $.showElements = function () {
        $("#sortable").sortable({
        revert: true
        });
        $("#draggable").draggable({
        connectToSortable: "#sortable",
        helper: "clone",
        revert: "invalid"
        });
        $("ul, li").disableSelection();
    };
}(jQuery));

像这样使用它：$.showElements();

作为一个常规功能：

var showElements = function () {
    $("#sortable").sortable({
    revert: true
    });
    $("#draggable").draggable({
    connectToSortable: "#sortable",
    helper: "clone",
    revert: "invalid"
    });
    $("ul, li").disableSelection();
};

像这样使用它：showElements(); 脆弱：你正在污染全球范围