2

まず第一に、私は Web の専門家ではありません。

PHP ファイルの 1 つで、jQuery を使用したメニューを使用しています。外部の .js ファイルが付属しています。実はこれがグーイメニュー。私のページには別の機能も使用しています。

つまり、自分の機能またはメニューを単独で使用しようとすると、いつでも魅力的に機能します。しかし、ファイルに両方を含めると、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");
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 に答える