首先,我远不是网络专家,所以请原谅我的愚蠢!
我在我的一个 PHP 文件中使用了一个使用 jQuery 的菜单。它带有一个外部 .js 文件。实际上,这是 gooeymenu。 我还为我的页面使用了另一个功能。
事情是:每当我尝试单独使用我的功能或菜单时,它就像一个魅力。但是将它们都放在我的文件中最终只允许 1 个工作。
这是我的:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
----> <script src="jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="gooeymenu.js"></script>
<link rel="stylesheet" type="text/css" href="gooeymenu.css" />
<ul id="gooeymenu3" class="underlinemenu">
my list
</ul>
<script>
gooeymenu.setup({id:'gooeymenu3', fxtime:250})
</script>
<script type="text/javascript">
function myFunction(){...}
</script>
使用前面的代码,只有 gooeymenu 起作用。从 PHP 代码调用我的函数不会触发它应该执行的操作。
现在换个方式来了:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<script src="gooeymenu.js"></script>
----> <script src="jquery-1.8.3.min.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="gooeymenu.css" />
<ul id="gooeymenu3" class="underlinemenu">
my list
</ul>
<script>
gooeymenu.setup({id:'gooeymenu3', fxtime:250})
</script>
<script type="text/javascript">
function myFunction(){...}
</script>
这一次,我的函数运行良好,但菜单却不行(这很明显,因为 jQuery 不是首先导入的,但它是为了表明我的函数在单独运行时确实有效)。请注意 2 个示例中导入 jquery.js 的位置。不用说我已经尝试了每一个组合,也有所有在它甚至上面的东西......
如果你们中有人有拯救可怜灵魂的想法,我很乐意听到! 谢谢。
更新::
当我的函数不起作用时,我确实遇到了控制台错误(由 HTML 中的 onClick 触发)
Uncaught TypeError: Property '$' of object [object Window] is not a function
myfunction
onclick
作为信息,这是我在我的函数中所做的(我知道我可以避免使用 jQuery,但我不能在我的其他页面中使用,所以这不是解决方案):
$("#adiv").html("...");
$("#adiv").fadeIn("slow");
最佳答案
最终找到了解决方案,我猜我很不幸,问题发生在 Chrome 上。
关于javascript - jQuery - 无法同时使用导入的文件和自己的函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14068315/