Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我不能在我的网站上添加两个下拉菜单,其中一个不干扰另一个_Javascript_Html - Fatal编程技术网

Javascript 我不能在我的网站上添加两个下拉菜单,其中一个不干扰另一个

Javascript 我不能在我的网站上添加两个下拉菜单,其中一个不干扰另一个,javascript,html,Javascript,Html,我正在开发一个网站,我有一个通过java脚本运行的下拉菜单问题,干扰了同一页面上的另一个下拉菜单 我使用的模板可以找到(它是从引导下载) 我想做的是,我有两个下拉菜单,但当我这样做时,位于代码顶部附近的一个工作正常,但位于它下面的一个有问题。基本上,当我运行网站时,最靠近顶部的下拉框可以正常工作,但当我单击时,下拉框在下方,它不会自动运行,而是打开它上方的下拉框 起初我以为是因为他们都有相同的身份证,所以我改了。但当我更改id时,它们都没有打开 以下是两个下拉菜单的代码:

我正在开发一个网站,我有一个通过java脚本运行的下拉菜单问题,干扰了同一页面上的另一个下拉菜单

我使用的模板可以找到(它是从引导下载)

我想做的是,我有两个下拉菜单,但当我这样做时,位于代码顶部附近的一个工作正常,但位于它下面的一个有问题。基本上,当我运行网站时,最靠近顶部的下拉框可以正常工作,但当我单击时,下拉框在下方,它不会自动运行,而是打开它上方的下拉框

起初我以为是因为他们都有相同的身份证,所以我改了。但当我更改id时,它们都没有打开

以下是两个下拉菜单的代码:

                <li>
                    <a href="javascript:;" data-toggle="collapse" data-target="#demo"><i class="fa fa-fw fa-briefcase"></i> Support <i class="fa fa-fw fa-caret-down"></i></a>
                    <ul id="demo" class="collapse">
                        <li>
                            <a href="#">ProjectSend</a>
                        </li>
                        <li>
                            <a href="#">Email</a>
                        </li>
                         <li>
                            <a href="#">Live Chat</a>
                        </li>
                         <li>
                            <a href="../support/tickets/">Tickets</a>
                        </li>
                    </ul>
                </li> 



                <li>
                    <a href="javascript:;" data-toggle="collapse" data-target="#demo"><i class="fa fa-fw fa-briefcase"></i> Developers <i class="fa fa-fw fa-caret-down"></i></a>
                    <ul id="demo" class="collapse">
                        <li>
                            <a href="#">ProjectSend</a>
                        </li>
                        <li>
                            <a href="#">Email</a>
                        </li>
                         <li>
                            <a href="#">Live Chat</a>
                        </li>
                         <li>
                            <a href="../support/tickets/">Tickets</a>
                        </li>
                    </ul>
                </li> 
  • JavaScript指的是来自bootstrap网站的单独文件

    我还删除了第二个
    a href=“javascript”
    ,认为它是前一个的延续,但也不起作用

    我对java脚本比较陌生,并且有一些非常基本的HTML知识


    谢谢。

    我认为您应该给他们不同的id,并相应地更改目标


    看看这是否有效。

    首先,你可以我认为你应该给他们不同的id,并相应地改变目标。看看这是否有效。很好地发现@hatzaviv,将第二个的id更改为demo2,将目标数据目标更改为Demo2ahh,伙计们,你们是救生员。非常感谢您的帮助和快速响应。非常感谢。:)我应该把它作为一个答案来选择吗?