Javascript函数可以在JSFiddle上使用,但不能在我的HTML文档中使用吗?

时间:2019-04-25 15:00:18

标签: javascript jquery html css function

因此,我在此站点上找到了要使用的代码/功能: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

1 个答案:

答案 0 :(得分:1)

您缺少jQuery的包含内容

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