gpt4 book ai didi

scriptaculous - 使用 Scriptaculous 时未定义效果

转载 作者:行者123 更新时间:2023-12-01 02:58:01 25 4
gpt4 key购买 nike

我似乎错误地安装了 Scriptaculous,但我无法弄清楚出了什么问题。这是显示问题的示例:

<html>
<body>
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js" type="text/javascript"></script>

<p id="hello">Hello, World!</p>
<a href="javascript:void(0)" onclick="Effect.Shrink('hello');">Shrink effect</a>
<a href="javascript:void(0)" onclick="$('hello').shrink();">Shrink method</a>

</body>
</html>

当我单击“收缩效果”链接时,出现 Javascript 错误,“效果未定义”。当我点击“Shrink method”链接时,我得到一个不同的错误,“$("hello").shrink is not a function。”

如果我明确链接到效果脚本,问题就会消失:
<html>
<body>
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js" type="text/javascript"></script>
<script src="js/effects.js" type="text/javascript"></script> <!-- Added -->

<p id="hello">Hello, World!</p>
<a href="javascript:void(0)" onclick="Effect.Shrink('hello');">Shrink effect</a>
<a href="javascript:void(0)" onclick="$('hello').shrink();">Shrink method</a>

</body>
</html>

这种变通方法是可以接受的,但 Scriptaculous 不能自动加载其所有帮助程序脚本吗?好像是 installation instructions说它应该。

我的 html 文件和 js 文件夹不在 web 服务器的根文件夹中,它们都在应用程序文件夹下。我在 Firefox 3.5.7 和 Internet Explorer 8.0 中看到了相同的行为。

最佳答案

你需要把<script> <head> 中的定义你的 HTML 文档是这样的:

<html>

<head>
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js" type="text/javascript"></script>
</head>

<body>

<p id="hello">Hello, World!</p>
<a href="javascript:void(0)" onclick="Effect.Shrink('hello');">Shrink effect</a>
<a href="javascript:void(0)" onclick="$('hello').shrink();">Shrink method</a>

</body>
</html>

这应该够了吧。

关于scriptaculous - 使用 Scriptaculous 时未定义效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2202730/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com