Javascript 函数适用于 JSFiddle 但不适用于我的 HTML 文档？

Question

所以，我在这里找到了一个我想在这个网站上使用的代码/函数： stackoverflow

然后我从第二个答案中复制了代码，做了一些小改动并测试了它是否真的有效，我发现它没有。 链接中的所有功能都适用于 JSFiddle tho，但在我的 html 文档中没有一个对我有用。

我做了<脚本>，没用。 我试图制作一个单独的 .js 文档，但代码仍然无法正常工作。

<body>

<div id="bokse2"></div>
<div id="boksi"></div>

<script src="test.js" type="text/javascript"></script>
<script>

$(function() {
$('#bokse2').click(function() {
    $('#boksi').css('margin-left', '-=10px');
});
});

</script>
</body>

单击较小的框 (bokse2)，大框 (boksi) 应向左移动 10 个像素。 就像这里一样： JSFiddle

Answer 1

您缺少 jQuery 的包含

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