在文档的单独位置嵌入php内容的下拉菜单存在问题

在文档的单独位置嵌入php内容的下拉菜单存在问题,php,Php,带有下拉菜单的问题。问题不在于菜单代码本身,比如ul..等等,而是我目前嵌入的一个php聊天程序。插入此代码嵌入聊天框后,将禁用使用ul下拉链接的功能,聊天框显示时不会出现任何错误。嵌入式php位于一个与位于#zonebar div中的菜单完全分离的div中 特定div中的嵌入式代码 问题是,当我删除此代码时,下拉菜单按钮再次工作 更具体地说,我的html文件中唯一具有适当htaccess的php代码是 下面的代码位于我的页面顶部所有标签的上方 然后是特定div中的代码 直接链接html

带有下拉菜单的问题。问题不在于菜单代码本身,比如ul..等等,而是我目前嵌入的一个php聊天程序。插入此代码嵌入聊天框后,将禁用使用ul下拉链接的功能,聊天框显示时不会出现任何错误。嵌入式php位于一个与位于#zonebar div中的菜单完全分离的div中

特定div中的嵌入式代码

问题是,当我删除此代码时,下拉菜单按钮再次工作

更具体地说,我的html文件中唯一具有适当htaccess的php代码是

下面的代码位于我的页面顶部所有标签的上方


然后是特定div中的代码


直接链接html文件,不包含任何php内容 修正后被编辑掉的地址


与嵌入的php代码链接

我将对此进行猜测,因为查看十几个javascript文件并不是我真正想做的事情

您的下拉菜单使用jQuery。。。这很好

您的聊天使用原型。。。也很好

他们很可能在一起打得不好。您可以尝试这样做:

var $j=jQuery.noConflict();
$j(document).ready(function(){
    $j("#zone-bar li em").click(function() {
        var hidden = $j(this).parents("li").children("ul").is(":hidden");
        $j("#zone-bar>ul>li>ul").hide()
        $j("#zone-bar>ul>li>a").removeClass();
        if (hidden) {
            $j(this)
            .parents("li").children("ul").toggle()
            .parents("li").children("a").addClass("zoneCur");
        }
    });
});

它可能工作,也可能不工作,但是使用
$j
而不是
$
可以解决问题。

通常,当你嵌入某个东西时,你应该检查它是否添加了额外的JS或CSS,这可能会覆盖你所拥有的内容,并影响你的预期行为。很好的解决方法,先生..很好的时机。再次感谢您的快速响应和解决方案。。stackoveflow一次又一次地帮助了我的编码经验。
<?php $chat->printChat(); ?>
var $j=jQuery.noConflict();
$j(document).ready(function(){
    $j("#zone-bar li em").click(function() {
        var hidden = $j(this).parents("li").children("ul").is(":hidden");
        $j("#zone-bar>ul>li>ul").hide()
        $j("#zone-bar>ul>li>a").removeClass();
        if (hidden) {
            $j(this)
            .parents("li").children("ul").toggle()
            .parents("li").children("a").addClass("zoneCur");
        }
    });
});