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

【问题标题】：Javascript function works on JSFiddle but not in my HTML document?Javascript 函数适用于 JSFiddle 但不适用于我的 HTML 文档？
【发布时间】：2019-04-25 15:00:17
【问题描述】：

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

然后我从第二个答案中复制了代码，做了一些小改动并测试了它是否真的有效，我发现它没有。链接中的所有功能都可以在 JSFiddle 上使用，但是在我的 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

【问题讨论】：

看起来你需要包含 jQuery 库。

标签： javascript jquery html css function

【解决方案1】：

您缺少 jQuery 的包含

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

【讨论】：