javascript - "draggable is not a function"当在另一个函数内时

Question

当用户单击按钮时，我尝试激活 jQuery-ui .draggable-function。脚本已包含并且正常，因为当我使用以下代码时一切正常:

<script>
function test() {
$( ".bord" ).draggable({ containment: ".rom", scroll: false });
}
test()
</script>

然后.bord-class是可拖动的。但我希望它仅在单击按钮时才可拖动，因此我使用以下代码:

<script>
function test() {
$( ".bord" ).draggable({ containment: ".rom", scroll: false });
}
$("#bordplassering").click(function() {
    test();
});
</script>

问题就开始了......这给了我以下错误:

“类型错误:$(...).draggable 不是函数”

为什么!？

Answer 1

请像这样使用它:(您必须将单击功能移至 document.ready 函数内)

<script>
function test() {
$( ".bord" ).draggable({ containment: ".rom", scroll: false });
}

$( document ).ready(function() {
    $("#bordplassering").click(function() {
        test();
    });
});

</script>