2

首先，我远不是网络专家，所以请忍受我的愚蠢！

我在我的一个 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 没有首先导入，但它是为了显示我的函数在单独时可以工作）。注意 jquery.js 在 2 个示例中的导入位置。不用说我已经尝试了每一个组合，也有一切，甚至在它之上......

如果你们中的任何人有拯救可怜灵魂的想法，我会很高兴听到它！谢谢。

更新 ：：

当我的功能不起作用时（在 HTML 的 onClick 上触发），我确实有一个控制台错误

Uncaught TypeError: Property '$' of object [object Window] is not a function 
myfunction 
onclick

作为信息，这是我在我的函数中所做的（我知道我可以避免使用 jQuery，但我不能在我的其他页面中，所以这不是解决方案）：

$("#adiv").html("...");
$("#adiv").fadeIn("slow");
4

2 回答 2

1

最终找到了解决方案，我猜我很不幸，问题发生在 Chrome 上。

Stackoverflow 的解决方案

于 2012-12-28T12:49:19.883 回答
-1

首先 gooeymenu 似乎是一个 jquery 插件。所以你的jQuery源需要首先加载：

<script src="jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="gooeymenu.js"></script>

接下来，您应该将所有代码放入 domReady-Hander 中：

<script>
$(document).ready(function () {

    // your code here
});
</script>

最后我看不出你的函数“myFunction”是如何工作的，因为你没有在任何地方调用它！？！？！

<script>
$(document).ready(function () {

    gooeymenu.setup({id:'gooeymenu3', fxtime:250})

    // declare the Function
    function myFunction(){

    }

    // and call it
    myFunction();
});
</script>
于 2012-12-28T11:03:05.547 回答