如何使用element-ui打开元素菜单？
Element-UI是一套基于Vue.js的前端组件库，提供了丰富的UI组件和交互效果，方便开发者快速构建用户界面。要使用Element-UI打开元素菜单，可以按照以下步骤进行操作：
- 首先，确保你已经安装了Vue.js和Element-UI。可以通过npm或yarn进行安装，具体安装方法可以参考Element-UI官方文档。
- 在你的Vue项目中，找到需要使用元素菜单的组件。
- 在组件的模板中，使用
el-menu组件来创建一个菜单容器，例如：
<template>
<div>
<el-menu>
<!-- 菜单项 -->
</el-menu>
</div>
</template>- 在
el-menu组件中，使用el-submenu和el-menu-item组件来定义菜单项。el-submenu表示一个包含子菜单的菜单项，el-menu-item表示一个普通的菜单项。例如：
<template>
<div>
<el-menu>
<el-submenu index="1">
<template slot="title">菜单1</template>
<el-menu-item index="1-1">子菜单1-1</el-menu-item>
<el-menu-item index="1-2">子菜单1-2</el-menu-item>
</el-submenu>
<el-menu-item index="2">菜单2</el-menu-item>
</el-menu>
</div>
</template>- 在
el-menu-item组件中，可以使用@click事件来监听菜单项的点击事件，执行相应的操作。例如：
<template>
<div>
<el-menu>
<el-menu-item index="1" @click="handleMenuClick">菜单1</el-menu-item>
</el-menu>
</div>
</template>
<script>
export default {
methods: {
handleMenuClick() {
// 执行菜单项点击后的操作
}
}
}
</script>- 最后，在你的Vue组件中引入Element-UI的样式文件，例如：
<style>
@import 'element-ui/lib/theme-chalk/index.css';
</style>通过以上步骤，你就可以使用Element-UI打开元素菜单了。当然，Element-UI还提供了丰富的配置选项和其他组件，可以根据具体需求进行使用和定制。
关于Element-UI的更多详细信息和使用方法，你可以参考腾讯云的Element-UI产品介绍页面：Element-UI产品介绍。
相关·内容
我想在Vue组件中延迟加载ElementUI的特定元素。
我试过这个：
import { Tree } from /* webpackChunkName : "element-ui" */ 'element-ui';
Vue.component(Tree.name, Tree);
Vue.use(Tree);
这是：
{
components: {
'el-tree': () => import(/* webpackChunkName : "element-ui" */ "element-ui"
浏览 2提问于2018-08-30得票数 8
回答已采纳
我的vue代码调用element-ui模块：
// in main.js
import { Notification } from "element-ui";
一开始，我的测试是
无法从“test.js”中找到模块“元素”
所以我嘲弄了模块
jest.mock('element-ui', () => ({
Element: jest.fn(),
}))
但是，它仍然错误地与
无法从'test.js‘中找到模块’元素-ui/lib/主题-默认/Element.css‘
我不知道该怎么通过这个。
有什么想法吗？谢谢。
如果我在我的
浏览 2提问于2018-03-05得票数 1
回答已采纳
嗨，在项目中，我已经包含了element-ui。 在app.js中： import Element from 'element-ui' 在此之后： Vue.use(Element, {locale}) 因此，在我的单文件组件模板中，我可以像这样使用carousel：(在这个组件中，不是任何通过vue的初始化carousel，如import，parent等...) <el-carousel>
<el-carousel-item>
<p>hello!</p>
</el-carousel-item>
<
浏览 53提问于2020-07-04得票数 0
回答已采纳
2回答
目前，我有一个vue项目，是建立使用webpack。
我想开始对我的ui库使用。
在我做完之后
npm i element-ui -S
在我的终点站
并在我的app.js (整个应用程序的入口点)中添加了下面的代码
import Vue from 'vue'
import ElementUI from 'element-ui';
Vue.use(ElementUI);
我能够开始使用和填充整个应用程序。
但是，我注意到CSS没有被应用。
我应该如何处理css？如何告诉elementUI应用默认主题？
浏览 4提问于2018-05-08得票数 1
回答已采纳
尝试使用Vue和ElementUI使用webpack4设置项目。我想从CDN中同时提取Vue和ElementUI，所以我有下面的webpack配置
module.exports = {
mode: "development",
entry: ["./app.js"],
externals: {
vue: "Vue",
"element-ui": "ElementUI"
},
module: {
rules: [
{
test: /.vue$/,
浏览 3提问于2018-04-13得票数 3
回答已采纳
我是新的Vue.js和ElementUI，有问题打开对话框从下拉菜单。
我使用的是Vue 2.5.2和ElementUI: 2.3.4
我试图遵循的解决方案，但没有成功。
问题：
对话框在单击下拉菜单项后不显示。
谢谢!
console.clear()
let popupData;
Vue.component('popup', {
name: "popup",
template: '#popup',
props : ['showDialog'],
data(){
return {
show: t
浏览 0提问于2018-04-22得票数 0
回答已采纳
我需要导航栏的右上角菜单。但在鼠标上方，子菜单似乎被截断在窗口上方。
如何使子菜单的右侧出现在窗口边框旁边？
new Vue({
el: '#app'
});
<link href="https://cdnjs.cloudflare.com/ajax/libs/element-ui/1.4.7/theme-default/index.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.2
浏览 0提问于2017-10-17得票数 0
回答已采纳
2回答
我有一个带有Vue.js和element-ui的项目。我想要自定义element-ui SASS变量来更新主题，我还想在我的Vue组件样式中使用这些变量。
我通过创建自己的SASS文件成功地做到了这一点，该文件导入了node_modules/element-ui/lib/theme-chalk/index.scss中的文件(如下所示：)
但是我的捆绑包大小爆炸了。对于CSS，它从44kb增加到800kb！我设法减少捆绑css大小到495kb (风格巨大)，只导入我在主题中真正使用的SASS组件文件。
我像这样使用babel-plugin-component：
"plugins"
浏览 0提问于2018-10-31得票数 5
1回答
找不到Vuejs框架的元素
、、、、
我已经安装了名为Vue.js的框架，但是我得到了这个错误。
我正在将所需的全部导入到index.html和Reviews.vue文件中，该文件只包含：
<template>
<div id="app">
<el-button type="primary" round>Primary</el-button>
</div>
</template>
<script>
import Vue from 'vue'
import ColorP
浏览 1提问于2018-08-12得票数 0
回答已采纳
我通常能够很容易地解决这个错误，但这一次似乎什么都不起作用。
我的main.ts文件包含以下内容：
import locale from 'element-ui/lib/locale/lang/en';
错误：
ERROR in /Volumes/SuperData/Sites/reelcrafter/rc-ts/src/main.ts
6:20 Could not find a declaration file for module 'element-ui/lib/locale/lang/en'. '/Volumes/SuperData/Sites/r
浏览 173提问于2018-08-12得票数 1
我正在做一个简单的响应多层次菜单，我使用切换类打开子菜单。
的问题是，当我单击菜单打开一个子菜单时，如果有其他子菜单打开，它们将关闭，除了我刚刚打开的子菜单，并且能够通过单击它的菜单父菜单关闭该子菜单。
我目前使用以下代码：
$(document).ready(function(){
$(".menu > li").click(function(){
$(".submenu.show-menu").toggleClass("show-menu"),
$(this).children(".submenu").
浏览 4提问于2015-03-29得票数 0
回答已采纳
1回答
如何将元素-ui与Vue+typescript结合使用？
元素-ui没有类型，所以当我导入它时
import Vue from 'vue';
import Element from 'element-ui'
我犯了个错误
Could not find a declaration file for module 'element-ui'. '/home/andres/Code/cdr/frontend/node_modules/element-ui/lib/element-ui.common.js' implicitly has a
浏览 6提问于2017-09-29得票数 1
回答已采纳
如何设置Element-UI表的列大小而不断字到下一行？ 请检查https://codepen.io/rameezcubet/pen/QWLoMbr中的address列 我有min-width="100"，所以在内容大于100px的地方，它应该会扩展，但它会转到下一行。 文档：https://element.eleme.io/#/en-US/component/table
浏览 25提问于2019-09-25得票数 0
我想知道如何将Form Element Slot与vue.js 2.3和element-ui结合使用。。这样我就可以为我的表单的标签插入html。
我在jsfiddle 上试过这个。
问题
未知自定义元素:el-窗体-项-槽
问题
实现这一目标的正确方法是什么？关于这个主题，文档不清楚。
浏览 6提问于2017-06-05得票数 5
回答已采纳
我想导入第三方库，我使用vuepress。我应该配置一个规则来编译node_modules js文件。但它不起作用。
像这样
demo.vue
<template>
<DatePanel/>
</template>
<script>
import DatePanel from 'element-ui/packages/date-picker/src/panel/date-range.vue';
export default {
name: 'date-pick',
components: {
浏览 1提问于2020-01-10得票数 0
我有一个使用(element-ui)的表单。 现在我可以验证整个表单。但是如何才能只验证age字段呢？ 在element-ui中没有任何关于这方面的例子或文档。 codesandbox.io example
浏览 11提问于2020-09-01得票数 0
我使用的是Nuxt和Element。我在plugins文件夹中动态导入了元素UI插件。
export default () => {
Vue.component("ElForm", () => import("element-ui/lib/form"));
Vue.component("ElFormItem", () => import("element-ui/lib/form-item"));
Vue.component("ElInput", () => import("
浏览 8提问于2022-01-12得票数 0
回答已采纳
2回答
当从Vue调用元素UI的Error in v-on handler: "TypeError: this.$confirm is not a function时，我得到了this.$confirm：
也许我没有导入我应该导入的东西(文档和示例表明不需要额外的导入)？
我正在尝试使用元素UI构建一个Vue应用程序。它有一个表，每行都有一个删除按钮。单击处理程序调用this.$confirm以显示用户的确认对话框。从元素文档中我不太清楚，但似乎元素扩展了$confirm的Vue组件。
模板：
<el-table-column label="" width="18
浏览 0提问于2019-03-25得票数 3
回答已采纳
1回答
我正在使用volar+vue2+ts+composiiton api。在证监会模板中，对于自定义组件，volar能够执行类型检查，并在遇到一些错误时给出以下消息。这对我很有好处。
我想知道类型检查是否也适用于第三方包(如element-ui )的组件。当悬停在el-*(来自element-ui的组件)这样的标签上时，volar说它有any的类型，而类型check是不可用的。对于jsx组件，可以将类型添加到shims-tsx.d.ts中的IntrinsicElements中。但IntrinsicElements不适用于证监会模板。是否可以为第三方组件添加类型？
import Vue,
浏览 3提问于2022-08-09得票数 0
，我有两个错误。。
如何修复此错误。
编译失败，有两个错误
没有找到这些依赖关系：
./node_modules/css-loader??ref--3-oneOf-1-1!./node_modules/postcss-loader/src??ref--3-oneOf-1-2!./node_modules/element-ui/lib/theme-chalk/index.css中的字体/元素
./node_modules/css-loader??ref--3-oneOf-1-1!./node_modules/postcss-loader/src??ref--3-oneOf-1-2!./node_
浏览 2提问于2021-12-05得票数 0
回答已采纳
1回答
我在Kendo ( JavaScript one，而不是MVC)中使用Kendo上下文菜单。它提供了一个属性，当用户选择一行网格时，我将使用该属性来打开上下文菜单。现在，我需要使用模板在网格单元格中添加一个链接，但单击该链接时，我需要一个JavaScript函数来运行，而不是打开上下文菜单。下面是显示行和蓝色链接的片段，它不是调用JavaScript函数，而是打开上下文菜单。上下文菜单被设置为在左侧单击而不是右边打开，因为客户端希望它对于iPad是这样的。
如果单击该链接，是否无论如何要绕过上下文菜单打开，最好是在提及上下文菜单的filter属性时排除链接或锚标记。我提到过这样的菜单
浏览 2提问于2016-01-18得票数 4
回答已采纳
2回答
我正在尝试将element UI导入Nuxt.js，在他们的twitter账户上，他们链接到glitch ()，上面列出了重要的文件。在default.vue中，它列出了以下内容
<template>
<div>
<nuxt/>
</div>
</template>
<style src="element-ui/lib/theme-default/index.css"></style>
我通过运行以下命令将元素ui导入到nuxt项目中：
npm i element-ui --
浏览 26提问于2018-08-09得票数 1
我有一个Nuxt项目(通用模式)。当我运行npm run build，然后运行npm run start时，除了Element ui组件损坏之外，一切都很好。
我如何在我的项目中包含元素ui？
我在plugins目录中有一个element-ui.js文件。
import Vue from 'vue'
import {
Dialog,
Button,
Form,
FormItem,
Input,
Notification,
Message,
} from 'element-ui';
import '~/assets/sc
浏览 7提问于2020-07-30得票数 0
1回答
使用Laravel Mix时，我无法安装Element UI来正确找到字体路径。它返回字体路径的相对URL，而不是从根开始。我使用的是Element UI v2.9.1和Vue 2.6.10 我已经尝试自己在自定义SASS主题中设置字体路径，并使用Mix复制字体目录 .js([
'resources/js/backend/before.js',
'resources/js/backend/app.js',
'resources/js/backend/after.js'
], 'js
浏览 12提问于2019-06-18得票数 0
所以我有前面一个问题的代码：
$("ul.opt").addClass("hidden");
$('#filter > li > a').on("click", function(e) {
$(this).next('ul').toggle();
});
我想知道是否有人能告诉我如何让它仍然被打开和关闭，但是如果一个菜单打开，我点击打开另一个菜单，它会关闭第一个菜单，这意味着在任何时候只能打开一个菜单。
浏览 4提问于2014-07-08得票数 0
回答已采纳
我目前正在Vue Js项目中使用element-ui版本2.14.1。我只是按需要导入select组件，这是element在这里推荐的。在我使用select组件的每个组件中，都会在控制台中得到这个错误。
[Vue warn]: Computed property "validateState" was assigned to but it has no setter.
found in
---> <ElInput> at packages/input/src/input.vue
<ElSelect> at packages/sele
浏览 10提问于2020-11-29得票数 0
回答已采纳
1回答
我的一个.vue脚本有这样一条导入语句： import ElSlider from 'element-ui/packages/slider/src/main.vue' 问题是，当它编译时，会抛出一个错误： Failed to compile.
./node_modules/element-ui/packages/slider/src/marker.js 13:6
Module parse failed: Unexpected token (13:6)
You may need an appropriate loader to handle this file type, c
浏览 54提问于2021-01-22得票数 0
回答已采纳
我正试着把这个下拉菜单放在我的网站上：
*https://codepen.io/sean_codes/pen/WdzgdY*
我的网站是完全移动友好的。
当我点击打开手机上的菜单时，它会正常打开，但当我第二次点击时，它不会关闭。只有当我离开时，它才会关闭。
当我再次单击菜单图标时，如何关闭该菜单？
浏览 0提问于2020-06-29得票数 0
4回答
我试图击败一个基本手风琴风格的菜单，以提交-使用jQuery。
这是菜单：
下面是一段代码片段，它为它提供了手风琴功能：
$('#access ul li').click(function(){
$('#access ul ul:visible').slideUp();
$(this).children('ul:hidden').slideDown();
});
问题:单击子菜单链接会使子菜单滑动(并关闭).
当单击子菜单链接时，我希望保持子菜单打开，只有单击顶级链接时才能滑动。
如何选择顶部ul与jQ
浏览 5提问于2011-07-09得票数 1
回答已采纳
我喜欢用键导航，从输入到输入。如果输入字段是jquery自动完成元素，则按下/向上键打开菜单。当我导航而不更改任何内容时，我如何停下来打开菜单？
浏览 2提问于2017-12-06得票数 0
回答已采纳
我对jQuery有点陌生，我尝试创建一个带有“单击”事件打开的子菜单的移动菜单。
我的问题是:有更多有子菜单的"tile“类元素，很明显，我只想显示实际单击的那个子菜单(不是现在发生的所有子菜单)。
我尝试过这样做，但它打开了所有".tile“元素的子菜单：
$(".tile").on("click", function () {
$(".tile ul").css("display", "block");
});
我应该如何纠正这一点，以只显示正确的".tile ul"？
浏览 4提问于2013-10-30得票数 1
回答已采纳
使用ECSlidingViewController2时，如何防止在打开VoiceOver的情况下轻触左下菜单，并且菜单在顶视图下？尝试BasicMenu示例。在主视图中，您可以点击下方菜单上的选项。
浏览 5提问于2015-10-21得票数 0
我需要从‘element’库中添加一个组件到我的项目 (Laravel + Vue)中。我对TimePicker感兴趣。
我将下面的代码添加到我的bootstrap.js文件中：
/**
* Element, a Vue 2.0 based component library for developers, designers
* and product managers.
*/
import { TimePicker } from 'element-ui'
import lang from 'element-ui/lib/locale/lang/en'
浏览 2提问于2017-05-16得票数 1
3回答
导入对象，然后迭代
、、、
我想知道是否可以迭代导入的对象？
import { Row, Col, Form, FormItem, Icon, Input, Tooltip, Image, Button, Dialog } from 'element-ui'
objects.forEach(object => {
// do something here
})
当我导入很多对象时，它会变得非常长。我也不想使用import ElementUI from 'element-ui'。
浏览 5提问于2020-03-05得票数 0
回答已采纳
1回答
如何使用户在菜单打开后立即通过应用程序抽屉选项卡。在类似于以下示例的菜单中(但抽屉位于右侧)：
现在，我希望用户能够在应用程序中选择选项卡，并在菜单打开后直接将焦点放在菜单上。
期望的结果：
用户按选项卡
焦点放在“打开菜单”按钮上。
用户按空格键
菜单打开
用户再次按选项卡。
焦点在“关闭菜单”图标上。
用户再次按选项卡。
实际结果：
用户按选项卡
焦点放在“打开菜单”按钮上。
用户按空格键
菜单打开
用户再次按选项卡。
焦点放在页面中的第一个按钮(“这是某个按钮”)上(哦，不：)。它应该转到抽屉中的导航处)
浏览 1提问于2020-05-29得票数 1
回答已采纳
我有第四角的菜单
<button mat-button [matMenuTriggerFor]="menu" style="display:none;">Menu</button>
<mat-menu #menu="matMenu">
<button mat-menu-item *ngFor="let item of items" (click)="select(item)">
{{ item }}
&l
浏览 4提问于2017-11-28得票数 14
回答已采纳
2回答
无法按程序单击下拉菜单中的项目
、、、、
我正在尝试创建一个简单的脚本，当通过键盘快捷键触发时，它将在下拉菜单中单击/选择特定的字体大小。当我单击论坛面板中的特定按钮时，菜单就会打开，其中列出了所有可用的文件字体大小。
菜单如下所示：
Chrome的检查器给出了打开菜单的html格式：
这里有很多关于如何单击下拉项的主题，我尝试了几乎所有的方法，包括javascript和jquery，但都不起作用。
我只能通过以下代码以编程方式单击并打开按钮，该按钮将打开下拉菜单：
document.getElementById('cke_12').click();
打开下拉列表后，我触发了代码，该代码应该选择/单击特定的字体大小。我
浏览 0提问于2019-04-07得票数 1
我单击firebug图标，然后悬停在菜单项上，以检查它在firebug编辑器上的css
然后，我悬停在样式编辑器上，以改变它们的某些内容，并且由于菜单关闭，css失去了焦点
如何使悬停菜单保持打开，这样我就可以用firebug编辑它的样式了？
浏览 1提问于2014-06-25得票数 1
回答已采纳
我使用element-ui表单验证来验证客户端的简单规则，以减轻服务器的额外负载。在初始客户端验证通过后，我将它们发送到服务器，并在服务器端执行一些更多(复杂)的验证。 当我得到返回的错误并将它们显示在自定义的错误字段上时，这是没有任何问题的。但是，当尝试使用element-ui的内置错误属性来显示表单项中的错误时，在第二次提交之后，服务器端的错误就会从表单项中消失。即使我硬编码错误属性，比如error="This is a error message"，在运行validate()方法之后，消息仍然消失。 以下是该表单的示例 <el-form :model="f
浏览 24提问于2019-06-16得票数 0
回答已采纳
1回答
我正在做一个用浮动按钮打开的菜单。我想从我所在的位置打开菜单，这样我就可以看到菜单了。问题是我不能使用css position: fixed;，因为菜单太大了，需要滚动页面。
$("#exp_menu").click(function() {
$("#left_block").show();
$("#exp_menu_close").show();
$("#exp_menu").hide();
});
浏览 0提问于2012-12-04得票数 0
回答已采纳
3回答
我使用一个简单的JavaScript关闭和打开菜单，但我想知道如何在打开菜单时插入延迟。
<a href="#1" onclick="return show();">open Menu</a>
<a href="#1" onclick="return hide();">Hide Menu</a>
<div id="container">
<div id="side-menu" style="displa
浏览 2提问于2018-05-29得票数 0
回答已采纳
我想创建一个vue组件，它显示一个带有sloped-slot的元素-ui树。 我通过npm install element-ui -S导入了element-ui，它列在我的node_modules文件夹中。 我尝试通过以下代码显示树，但它不起作用。 <template>
<div>
<h1>Testing Sloped Slot of element-ui tree with vue.js</h1>
<el-tree
:data="data"
show-checkbox
浏览 8提问于2019-01-29得票数 1
回答已采纳
我想知道是否有一种方法可以根据需要从元素-UI库导入转换？
在网站上的快速安装部分()中，他们解释了如何按需导入组件，它工作得很好，您所要做的就是：
import 'element-ui/lib/theme-chalk/index.css';
import { Button } from 'element-ui';
Vue.use(Button)
你可以走了。不过，我不知道过渡是否有可能，我也无法在其他地方找到答案。
浏览 2提问于2020-07-27得票数 0
一般来说，我对Node.js和Web开发是个新手。我目前正在努力建立一个快速，Vue和元素UI的应用程序。我的后端和前端位于不同的文件夹中，完全独立于依赖关系。我已经在这个项目上使用nodemon很长一段时间了，从来没有发生过任何依赖问题。但就在我更新了我的一个express.js路由器文件，并调用nodemon重新启动后，错误发生了，似乎是我缺少了一个'Vue‘模块。我尝试在后端项目文件夹中删除并重新安装我的node_modules，但错误仍然存在。[提前道歉，因为这是我第一次使用stackOverFlow发布问题，所以我不确定如何真正发布图片，但基本上图片应该显示以下内容： ba
浏览 30提问于2021-07-09得票数 0
我在一个导航菜单上工作，其中包含一些外部url链接，有与导航菜单相关联的焦点样式，就像菜单项在被聚焦时获得背景。如果单击某个项目，即指向外部链接的锚点，则会打开一个新选项卡，并显示该外部链接表示的页面。我的问题是，即使当用户返回到原始选项卡时打开了一个新选项卡，他仍然可以看到单击的导航菜单项后面的背景。没有与该菜单项关联的:活动样式。
我在js fiddle中创建了这个例子来列举这个问题：
<body>
<a id="selectMe" href="www.google.com" target="_blank" onblu
浏览 0提问于2015-09-30得票数 3
我正在尝试制作一个基于vue.js和element-ui组件的响应式SPA。它有一个开箱即用的响应式布局，运行良好，但我不知道如何让NavMenu (el-menu)组件在移动设备上移动或隐藏在“汉堡”下面。
当前结果只是内容上方的垂直菜单，因此您需要向下滚动一段时间。
我的app.vue布局：
<el-row>
<el-col>
<el-row type="flex" justify="space-between" align="middle">
<el-
浏览 4提问于2018-01-18得票数 10
2回答
我有一个画布外菜单(#mobile-menu)，当一个按钮/触发器(.mobile-menu-toggle)被点击或按下时会打开。
菜单在按键盘时打开得很好，但它不在菜单内聚焦，而是聚焦在文档流中的下一个元素上--菜单实际上在文档中的“触发器”之前。
因此，我正在寻找一种方法来设置焦点在画布外菜单打开时。
我尝试了许多不同的方法，但是没有发生任何事情，焦点仍然放在下一个元素上，而不是我指定的元素上：
$(document).on("keyup",".mobile-menu-toggle",function(e) {
if (e.which == 13)
浏览 5提问于2020-09-23得票数 0
回答已采纳
我正在尝试将添加到我的Vue应用程序中。我遵循快速入门教程，我有我的application.js
import Vue from 'vue'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
import locale from 'element-ui/lib/locale/lang/it'
import App from '../app.vue'
Vue.use(ElementUI, { locale
浏览 3提问于2017-11-10得票数 5
2回答
这是一个多级菜单。当我点击“关于”的链接，它打开子菜单，其中包含三个链接约翰尼，朱莉和杰米。
当我再次单击“约”时，它会关闭菜单。单击子菜单也会关闭菜单，这是我想要避免的。
如果单击子菜单(约翰尼、朱莉和杰米)，如何避免关闭打开的子菜单？
$('li.parent').click(function() {
$(this).find('.sub-nav').toggleClass('visible');
});
#nav ul.sub-nav {
display: none;
}
#nav ul.visible {
display:
浏览 3提问于2015-10-19得票数 2
回答已采纳
请看这把小提琴
$('#contact').click(function () {
$('#contact-info').animate({
width: 'toggle'
});
$('#work-menu').fadeOut('100');
});
$('#menu').click(function () {
$('#work-menu').animate({
width: 'toggle'
浏览 4提问于2013-09-19得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
