javascript - jQuery - 无法同时使用导入的文件和自己的函数

标签 javascript jquery plugins menu

首先,我远不是网络专家,所以请原谅我的愚蠢!

我在我的一个 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 上。

Solution from Stackoverflow

关于javascript - jQuery - 无法同时使用导入的文件和自己的函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14068315/

相关文章:

javascript - Jquery 预选插件中的下拉菜单选项

javascript - 如何在对象数组上使用 jQuery.map() 返回数组数组

javascript - Chrome 非事件标签不执行 setInterval

javascript - Angular 2 :RxJS Subject not responding to events

javascript - 如何从下拉列表中选择的值填充 javascript 数组?

mongodb - 使用 Logstash 将数据从 mongoDB 同步到 elasticsearch

javascript - 循环中的多个异步函数调用

javascript - 使用 jQuery 和 bootstrap 更改复选框的 'checked' 属性(AdminLTE 主题)

jquery - Shopify Ajax API -/cart/update.js 无法更新产品数量

maven - Ubuntu上的Netbeans + Maven