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

Question

已关闭。这个问题是 not reproducible or was caused by typos 。目前不接受答案。

---

这个问题是由拼写错误或无法再重现的问题引起的。虽然类似的问题可能是 on-topic在这里，这个问题的解决方式不太可能帮助 future 的读者。

已关闭 7 年前。

Improve this 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>