我无法在我的网站上添加两个下拉菜单,而不会其中一个干扰另一个
I can not add two drop down menus onto my website without one of them interfering with the other one
我正在开发一个网站,但我遇到了通过java脚本运行的下拉菜单的问题,干扰了同一页面上的另一个下拉菜单。
我正在使用一个模板,可以在这里找到(它是从引导下载的)。
我想做的是让我有两个下拉菜单,但是当我这样做时,位于代码顶部附近的一个工作正常,但位于它下面的那个有问题。基本上,当我运行网站时,最靠近顶部的下拉框工作正常,但是当我单击下拉框时,它不会自行运行,而是打开其上方的下拉框。
起初我以为是因为他们都有相同的id,所以我改变了它。但是,当我更改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指的是来自引导网站的单独文件。
我还删除了第二个a href="javascript"
,认为它从前一个继续,但这也不起作用,
我对java脚本比较陌生,并且有一些非常基本的HTML知识。
谢谢。
我认为你应该做的是给他们不同的id并相应地改变目标。
看看这是否有效。
相关文章:
- 当包含另一个asp文件时,是否也包含所有引用的样式和脚本页面
- 使用clickToggle并在单击另一个元素时关闭元素
- 使用javascript将动态表从一个html页面打印到另一个html页
- 如何在android中使用phonegap将文件从一个文件夹移动/复制到另一个文件夹
- 如果使用 lodash 将属性存在于另一个对象中,则向对象添加属性
- 另一个ajax调用中的Jquery ajax调用在for循环中没有按预期工作
- 从Rally获取一个特定的标记,以便计算另一个字段中的值
- 无法从jquery Mobile导航栏重定向到另一个页面
- 如何在JQuery函数中定义一个值,然后调用另一个函数并使用该值
- 是否可以将一个函数输入连接到另一个函数调用的文本
- 字符串在将其传递给另一个活动Android JavaScript时读取Null
- 如何在鼠标悬停时在另一个图像上滑动图像.
- 导航到特定事件的另一个变量页面
- 正在传递JSONP标头's数据参数到另一个文件中的AJAX请求
- 如何在react js中将值从一个组件发送到另一个组件
- 按我自己的类克隆另一个元素的内容和顺序
- 由于另一个干扰函数,Javascript函数无法正常工作
- 我无法在我的网站上添加两个下拉菜单,而不会其中一个干扰另一个
- 在JavaScript中,在不干扰先前排序(部分排序)的情况下,在另一个键上使用对象数组
- 是否有可能从一个网页获取数据并生成另一个网页(要打印的网页)而不受服务器的任何干扰?