Question

我正在尝试使用此插件http://www.cssnewbie.com/example/equal-heights/plugin.html但之前没有使用过多javascript。它说：

Load the jQuery library in your document’s head. - no probs
Load the equalHeights plugin the same way. - fine, I can do that

然后它说：为了使函数能够准确地计算高度，您需要确保它在运行之前等待页面完成加载。所以在$（docment）.ready（）函数中包装函数调用（就像你应该使用大多数jQuery函数一样），如下所示：

$(document).ready(function() {
$(".columns").equalHeights(100,300);
});

现在我不确定我把它放在哪里。在我之前包含的那段代码（或类似代码）中包含的另一个javascript文件中。

我可以在jsfile中坚持使用该功能吗？还是需要在页面的某个地方发生？

Answer 1

您可以将其放在包含在

中的页面上

<script></script>

标记。

Answer 2

只要在两个jQuery文件之后加载它，就可以将它放在任何地方。

在页面中或外部js文件中。

Answer 3

你可以将它粘贴在标签或body标签中，无论你想要什么，或者你可以从另一个文件中导入它，确保它在你的jquery文件之后。只记得把它包装在脚本标签中..

一般来说，我的建议是将其保存在文件中..它将各种问题分开..脚本存在于脚本文件中..标记文件中的标记等。

Answer 4

您可以将此代码放在jquery之后加载的任何外部javascript文件中，或者放在html代码中的任何位置。首选，在html标签关闭之前。 PS。如果放入html代码，请不要忘记在script标签下包装。

Answer 5

我会把它放在像这样的关闭头标签之前

<head>

<!-- Include jQuery here -->

<script>
$(document).ready(function() {
  $(".columns").equalHeights(100,300);
});
</script>
</head>
<body>

</body>

Answer 6

您可以将其放在js文件中，并将其放在html页面底部，正好在正文结束标记之前。您应该将所有js文件移动到html页面的底部，然后在正文关闭标记之前将其加载页面更快

离。

<script src=jquery.js></script> 
<script src=equalHeights.js></script>
<script src=myScript.js></script>

这将以正确的顺序加载脚本。

Answer 7

~~通常的做法是将其包装在script标记内，并在插件引用之后将其放在head标记内。~~

建议的做法是将其包装在script标记内，并将其放在页面底部 就在body代码关闭之前。

阅读本文：Best Practices for Speeding Up Your Web Site

Answer 8

你知道，下面的功能意味着：

<script>
$(document).ready(function() {
    $(".columns").equalHeights(100,300);
});
</script>

赞window.onload = function(){}

加载完所有内容后，将调用它。因此，您不必担心设置此功能的位置。您可以在指向jQuery和插件之后的任何位置进行设置。

真的很简单的JavaScript问题

8 个答案: