在浏览器中预览本地页面时未调用外部js函数

发布于 2024-12-29 12:35:20 字数 891 浏览 3 评论 0原文

当我在网页中包含单独的 js 文件时,在浏览器中预览本地页面时不会调用这些函数。

我正在尝试实现这些页面转换。 http://www.fasw.ws/faswwp/non-jquery- page-transitions-lightweight/

我将支持文件放在正确的位置,并将它们正确地包含在页面的头部部分。我很确定这一点,因为 css 工作正常。只有js不是。

我认为我不需要像 WAMP 服务器这样的东西,对吗?因为它只有js。同一页面中的内联js也工作正常...

当我单击链接时,它确实打开下一页,但没有转换。它还在页面顶部添加了“Error:0”。

我该怎么做才能让这些转换发挥作用?

编辑

我的代码如下所示。

<!DOCTYPE html> 
<html> 
<head> 
<link href="css/transition.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="js/fasw.transitions.min.js"></script>
</head>
<body>
<a transt="flip" href="page2.html">Next</a>

</body>
</html>

我从页面中删除了其他所有内容,但仍然收到相同的错误。我在 Chrome 和 Firefox 中查看它,并在两者中得到相同的错误。

When I include separate js files in my webpage, the functions are not called when previewing the local page in my browser.

I'm trying to implement these page transitions.
http://www.fasw.ws/faswwp/non-jquery-page-transitions-lightweight/

I put the supporting files in the right place, and included them correctly in the head section of my page. I'm pretty sure of that because the css is working fine. Only the js is not.

I dont think I should need something like WAMP server right? Because its only js. The inline js in the same page is also working fine...

When I click my link, it does open the next page, but without transition. Also it adds "Error:0" at the top of the page.

What can I do to get these transitions working?

EDIT

My code looks like this.

<!DOCTYPE html> 
<html> 
<head> 
<link href="css/transition.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="js/fasw.transitions.min.js"></script>
</head>
<body>
<a transt="flip" href="page2.html">Next</a>

</body>
</html>

I removed everything else from the page and still getting the same error. I view it in Chrome and Firefox, and get the same error in both.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

暮倦 2025-01-05 12:35:20

请检查是否是因为js冲突而发生的。您可以通过删除网页中包含的其他 js 文件来检查它。

Please check if it is happening because of any js conflicts. You can check it by removing the other js files that is included in the web page.

羁客 2025-01-05 12:35:20

检查并确保您从 HTML 页面正确引用 Javascript 文件。尝试在文件顶部添加警报语句,然后重新加载页面 - 如果您没有看到警报,则说明您没有正确引用该文件。

alert("Hello.");

Check to make sure that you are referencing the Javascript files correctly from your HTML page. Try adding an alert statement to the top of the file, and reload the page - if you don't see the alert, then you're not referencing the file correctly.

alert("Hello.");
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文