Question

我在header.php中有一个jquery菜单。如果我在index.php文件中包含header.php文件，则jquery无效。

的header.php

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript" src="dropdowncontent.js"></script>
<script type="text/javascript" src="ddmegamenu.js"></script>
<script>
ddmegamenu.docinit({
menuid:'course',
dur:800,
easing:'easeInOutCirc' //<--no comma after last setting
})
</script>

的index.php

<body>
<div id="mainwrapper">
<?php require_once( "../header.php"); ?>
</div>

Answer 1

 <script>
 ddmegamenu.docinit({
    menuid:'course',
    dur:800,
    easing:'easeInOutCirc' //<--no comma after last setting
 })
 </script>

我不确定它在做什么，但要将此代码保存在document.ready事件处理程序中以触发，

<script>
 $(document).ready(function(){
   ddmegamenu.docinit({
    menuid:'course',
    dur:800,
    easing:'easeInOutCirc' //<--no comma after last setting
   })
 });
 </script>

Answer 2

在PHP中，您正在更改目录。确保您的<script src="">代码反映了这一变化。

是：

<script type="text/javascript" src="dropdowncontent.js"></script>
<script type="text/javascript" src="ddmegamenu.js"></script>

与header.php或index.php相同的目录？

Answer 3

看起来像是一个js语法错误，你忘了用;结束你的docinit函数。另外，确保将jQuery包装在文档就绪函数中，或者在DOM准备好之前运行它。这是一个有效的例子。

<script>
$(document).ready(function(){
    ddmegamenu.docinit({
        menuid:'course',
        dur:800,
        easing:'easeInOutCirc' //<--no comma after last setting
    })
});
</script>

假设这是正确的jQuery，它应该可以运行。

如果没有，请确保将php文件包含在其他目录中，这可能是您的问题。我会说确保你正确包含javascript文件。查看源代码并单击src URL进行验证。您在下面使用的src =“”指向相对路径，在本例中是当前目录，因此您的dropdowncontent.js和ddmegamenu.js必须与index.php位于同一目录中

<script type="text/javascript" src="dropdowncontent.js"></script>
<script type="text/javascript" src="ddmegamenu.js"></script>

Answer 4

运行您的页面并检查console中的firebug，查看脚本未运行的可能原因。否则你的代码没有理由不运行。它应该运行。也许您尝试包含的js文件不会出现在索引和头文件所在的同一目录中。也尝试改变你的js：

<script>
 $(document).ready(function(){ //add document.ready()
   ddmegamenu.docinit({
    menuid:'course',
    dur:800,
    easing:'easeInOutCirc' //<--no comma after last setting
   });
 });
 </script>

希望这有帮助。

Answer 5

我有同样的问题并通过在＆lt;之前包含JS文件来解决它。 / body＆gt;标签几乎在我正在使用的布局的末尾。

Jquery不工作包括php文件

5 个答案: