Jquery UI 可排序存在

Question

如何检查 jquery sortable 是否可用？所以我不会在脚本标记的代码中动态加载 jquery ui 。像这样的吗？

typeof $.sortable === "function"

Answer 1

因为 sortable 属于 jQuery UI 并且从它的定义来看:

var widgetsSortable = $.widget( "ui.sortable",

您的测试可以是:

if ($.ui && typeof $.ui.sortable === "function") {
  console.log('sortable is available');
} else {
  console.log('jQuery UI not loaded');
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script>

if ($.ui && typeof $.ui.sortable === "function") {
  console.log('sortable is available');
} else {
  console.log('jQuery UI not loaded');
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>