1回答
所以我正在做一个网站，我为我的导航链接做了一个移动抽屉，当我点击有3条线的按钮时，它可以很好地打开，要关闭它，我做了一个背景，但现在当我点击一个链接转到下一页时，导航抽屉不会关闭，要关闭它，我必须在背景屏幕上点击，我希望当我点击页面链接时，抽屉关闭。
app.js
state = {
sideDrawerOpen: false
};
drawerToggleClickHandler = () => {
this.setState((prevState) => {
return { sideDrawerOpen: !prevState.sid
浏览 19提问于2020-02-06得票数 1
1回答
我有个导航，翻过来时出现了一个子导航。
这也需要在手机上工作，所以我认为实现这一点的最好方法是在单击时使用jquery。因此，它将出现在徘徊在桌面上和点击移动。
我已经实现了这个解决方案，但问题是，当用户悬停在导航上，然后点击它，导航仍然保持即使在悬停。
最好的解决办法是什么？
我用的是引导2。
HTML
<ul>
<li class="n1">Nav 1</li>
<li class="n2">Nav 2</li>
<li class="n3">Nav 3
<
浏览 0提问于2014-04-11得票数 0
回答已采纳
我将ChromeWebDriver与Selenium一起使用。应用程序是自动控制的。现在，我希望用户导航到一个页面，在该页面中，他必须从如下列表中选择一个链接
<ul>
<li><a href="http://google.de">Google</a></li>
<li><a href="http://ecosia.org">Ecosia</a></li>
<li><a href="http://yahoo
浏览 1提问于2017-03-26得票数 0
2回答
我目前正在使用下面的代码，使用jQuery和悬停功能，当用户将鼠标悬停在图像上时，可以淡入“caption”元素。这在桌面浏览器上效果很好，但是当使用iPad等移动触摸设备进行测试时，需要用户点击图像来触发悬停功能，标题会像预期的那样淡入，但会保持活动状态，直到用户在页面上选择另一个对象。
我想知道一种简单的方法来修改我的javascript代码，以检测移动触摸设备，然后将一些排序或计时器的标题，以便它在一段时间后自动淡出？
<!-- include jQuery library -->
<script type="text/javascript" src=&
浏览 2提问于2012-11-17得票数 4
1回答
我想检查一下特定的li是否带有active class。这是引导代码中的HTML：
if ($("#monthly").hasClass("active")) {
alert('hi');
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul>
<li role="presentation" id="monthly
浏览 3提问于2017-09-13得票数 0
1回答
悬停时显示菜单仅适用于iPad
、、、、
使用iPad时，上的菜单不显示。它是这样设计的:菜单悬停在上面，下面的ul li列表应该会显示，但它没有显示。当你单击菜单时，什么也不会出现。
我需要使用onclick事件编写一些JS来显示子菜单。但这只需要特定于iPad。
是否可以编写特定于特定设备的JS？
我只需要让这个菜单工作，它似乎iPads不会显示悬停项目，即使你点击...这使得在iPads上对:hover的使用完全失效。
浏览 1提问于2013-09-11得票数 0
3回答
我在手机上的JQuery点击事件有问题。我已经搜索过答案，并且在Safari/Chrome等移动浏览器中发现了关于单击事件的相互矛盾的建议。
下面是我的笔，它是一个大得多的项目的片段。为了写这篇文章，我在5分钟内就把它放在一起了。
JS在桌面浏览器上被执行，CSS类在桌面浏览器上切换，但在移动环境中则完全没有。我遗漏了什么？
谢谢!
HTML
<a href="#" class="btn-navbar-responsive">Menu</a>
<ul class="navbar-menu navbar-hidden"
浏览 3提问于2013-09-26得票数 0
回答已采纳
开发人员朋友们，大家好。我有一个基金会下拉菜单的问题，在解决了相当长的一段时间后，我寻找你的帮助，基金会大师。
我使用的是foundation 6.2.4-full。我已经创建了一个下拉菜单，但我注意到了一个问题，问题出在移动设备上使用菜单时(在iPhone4上试试)。它的子菜单项是不可点击的。例如，单击Map选项，然后尝试单击Pokemons子选项。代码嵌入在下面。我找不到问题所在，我还是个新手，也许我错过了一个重要的选项？
<!DOCTYPE html>
<html>
<head>
<meta name="viewport
浏览 0提问于2016-12-26得票数 0
我处理弹出，内容脚本和背景脚本的组合。我选择的任何沟通方式都没有达到预期的效果。
我需要开发图标/弹出在浏览器菜单中的网页扩展。一旦被点击，它就会在弹出窗口中打开带有项目的专用菜单。当我点击弹出某一项..。应该打开选项卡，它应该转到特定的URL登录(通过带有参数或POST的URL )并转到子页面(特定于弹出项文本)。
我尝试了许多组合之间的消息弹出和bg脚本，bg脚本和内容脚本等。但这对我没用。我在同步请求方面也有问题，因为虽然我(通过windows.open)登录，但我可以执行更多的子页面来加载。
你知道这是怎么回事吗？最好的例子是什么？我只使用了标准的javascript。
我第一次尝试：
浏览 1提问于2016-07-20得票数 1
回答已采纳
1回答
我试图创建一个引导导航栏，其中一些项目有一个下拉链接。但是，对于小屏幕(< 768 to )，我希望保留菜单主要是基于图标而不是下拉菜单。
到目前为止，我成功地阻止了子菜单显示在小屏幕中，点击xs隐藏和event.stopPropagation()。但是，这也会禁用较大屏幕大小的子菜单，这是我不希望的。
是否有一种方法只在小屏幕上实现此行为，而不添加重复菜单项并根据屏幕宽度隐藏/显示？
相关代码如下。
HTML：
<li class="nav-item">
<a href="/">
<i class="gl
浏览 2提问于2014-06-03得票数 0
回答已采纳
我尝试使用jquery函数将我的内容加载到index.html的内容区域。我成功了，但我的js不起作用。所以我想在我的菜单元素的每一次点击中调用它们。有可能吗？
菜单：
<div id="nav" class="section group">
<div id="menu" class="col span_9_of_12">
<ul id="navmenu">
<li><a href="content/ab
浏览 5提问于2014-01-01得票数 0
回答已采纳
2回答
我创建了一个带有旋转木马导航的Flexslider。导航被设计成一个垂直列表，用于显示移动屏幕的大小。
On mobile:，我想隐藏列表(除了点击的幻灯片标题)，这样用户就可以看到所选的幻灯片了。
大屏幕上的：，我只想让简单的旋转木马导航像往常一样工作，但当然，我的slideUp也被应用了。
如何仅在手机上应用jquery功能？和,
这样的移动/桌面jquery共享标记的最佳实践是什么？
jquery：
$('a.current').bind('tapone',function(e){
if($(this).hasClass('active'
浏览 7提问于2013-11-18得票数 0
回答已采纳
1回答
我已经创造了一个代码，我试图用离子做什么。
HTML:
<html ng-app="myApp">
<head>
<script src="http://cdnjs.cloudflare.com/ajax/libs/camanjs/4.0.0/caman.full.min.js">
</script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js">
浏览 2提问于2015-07-13得票数 1
回答已采纳
1回答
我有lis，其中包含删除特定li的锚标记。因此，对于锚标记和li，我都有onclick事件。点击li打开一个模式窗口，点击锚标签就应该隐藏这个li。
如何在锚标签上触发单击事件而不触发li click事件。到目前为止，我已经很累了：
联署材料：
$('body').on('click', 'a', function(e) {
if(confirm('Are you sure you want to delete it?') == true){
$(this).parent().hide();
}
浏览 2提问于2016-02-22得票数 0
回答已采纳
1回答
我有点小麻烦让一些东西工作。它可能真的很简单，但我正在使它变得比可能的更难。所以我有一个包含3组UL的div。
代码如下：
<div class="">
<ul>
<li>content here</li>
<li>content here</li>
<li>content here</li>
<li>content here</li>
<li>content here</li>
<li>conten
浏览 3提问于2011-12-01得票数 1
我有一个列表项目菜单，当我点击当前的li时，它会切换.active类并使背景变成绿色。但是，当我单击另一个li时，它仍然显示前面单击的li的绿色背景。我如何使它，使当一个项目被点击时，它切换它的背景，当点击时，它也移除它当另一个li被点击？
<ul class="menu-wrapper">
<li><a class="js-accordion-header">item 1</a></li>
<li><a class="js-accordion-header&#
浏览 7提问于2022-03-14得票数 0
回答已采纳
3回答
我正在尝试切换列表中两个按钮的css。如果其中一个被单击，另一个应该没有边框，反之亦然。下面是我的代码：
function navigate_menu(event, ec){
$(event).css("border-top", "3px solid rgba(102,205,0, 0.8)");
var search_id=$(event).attr("name");
var chartid = "pie_chart_"+$(event).attr("name");
var editi
浏览 0提问于2016-06-30得票数 1
我已经做了自己的下拉菜单，但我想让条件，在点击鼠标，它会显示列表，而不是鼠标悬停显示，所以如何使用CSS，有什么属性，我可以使用吗？我不想使用jquery或JS。
这是我的源代码：
<ul><li>Home</li>
<li>About</li>
<li>
Portfolio
<ul>
<li>Web Design</li>
<li>Web Development</li>
<li>Illus
浏览 7提问于2014-04-10得票数 0
回答已采纳
2回答
<script type="text/javascript">
$(document).ready(function () {
$("#list > li").click(function(){
var $val = $(this).text();
$("#hi").attr('value',$val);
});
});
</script>
<input type="text" id="hi" disabled=&
浏览 3提问于2011-10-28得票数 1
回答已采纳
6回答
<script type="text/javascript" src="/js/jquery1.8.3.js"></script>
<script>
$(document).ready(function(){
$("li").has("ul").bind("click",function(e){
console.log($(this).text());
});
});
</script>
<ul>
<
浏览 5提问于2013-11-05得票数 2
回答已采纳
我试图在角6中向routerLink添加active类。我的sidnav组件由所有routerLinks组成。点击路由器链接后，特定的链接应该是活动的，并且特定的组件应该出现。我尝试使用焦点css，当我点击链接2 times.May时，它是工作的，因为我在票据到组件中使用了sidenav选择器。
sidenav组件html代码：
<li ><a [ngClass]="{'red-input':clicked}" routerLink="/bill-to" routerLinkActive="red-input"
浏览 0提问于2018-08-16得票数 0
回答已采纳
1回答
我已经实现了一个带有JavaScript部件的菜单，它突出显示您正在查看的当前页面。
将鼠标移动到不同的条目上，会使一个小元素移动(跟随鼠标)，并在悬停的条目上停止。
问题是光标在这个荧光笔移动的小区域(红色区域)。
把光标留在那里会导致荧光笔继续从活动项跳到悬空条目，没有结尾。
这是代码，也是在一个工作的上
<div class="wrapper">
<ul>
<li>
<a class="active" href="#">&l
浏览 1提问于2018-01-18得票数 1
回答已采纳
我想在点击菜单的菜单项时加载一个页面，但状态反映到浏览器的URL中，该页面的内容没有加载，据我所知，教程状态是这样声明的，我的代码也没有显示任何错误。
这是我的route.js文件
app.config(function config($stateProvider)
{
$stateProvider.state("index",{
url:"",
controller:"MainCtrl",
templateUrl:"templates/home/home.html"
浏览 0提问于2015-06-25得票数 0
我在我的angular2应用程序中遇到了一个非常有趣的问题，我在这里简化了情况。
这是AppComponnet
export class AppComponent {
tabs: any = [];
viewModes = [
{ label: "列表查看"},
{ label: "树状图" },
];
constructor(private changeRef: ChangeDetectorRef) {}
addTab() {
var worker = new Worker(
浏览 23提问于2017-01-20得票数 1
回答已采纳
1回答
嘿，伙计们，我正试着用jquery构建一个简单的自定义选择框。
html：
<div class="select">
<ul>
<li class="option darr">Dropdown one</li>
<li class="option">Dropdown two</li>
<li class="option">Dropdown three</li>
<ul
浏览 0提问于2011-03-06得票数 0
回答已采纳
1回答
图片库的简单分页
、、
我想为图片库做分页，就像他们应该是一个包含2-8的下拉列表，如果我点击2，它应该只显示第一行的两个图像，其余的图像应该休眠第一行，不需要隐藏
example: if i click on 2 (consider their will be 9 images in gallery)
[1,2]
[3,4]
[5,6]
[7,8]
[9,0]
if i click on 3
[1,2,3]
[4,5,6]
[7,8,9]
like wise
这是我的代码
<!DOCTYPE html>
<html>
<head>
浏览 1提问于2013-08-15得票数 0
4回答
单击“事件不触发”。为什么？
、、、、
使用jQuery，我将一个“单击”事件处理程序附加到一些"li“HTML元素中。
问题是:当我单击"li“元素时，事件不会触发。
“怎么做？”-你会问.所以，你自己看看吧，
考虑：
我在我的Ubuntu系统上测试了Firefox 14.0.1和Chrome 16.0.912.77。
我已经从CSS，HTML和JS的原始代码中删除了很多东西，同时“寻找”了原因。
您可以在表单label元素中单击以查看事件处理程序函数是否正常工作。但是试着点击li元素..。不管用！
如果您只是从"li“元素中删除float: left样式，或者从”表单“中删除positio
浏览 3提问于2012-08-10得票数 1
回答已采纳
2回答
jQuery手风琴链接不工作
、、、、
<script>
$(function() {
// Clickable Dropdown
$('.click-nav > ul').toggleClass('no-js js');
$('.click-nav .js ul').hide();
$('.click-nav .js').click(function(e) {
$('.click-nav .js ul
浏览 4提问于2014-09-09得票数 0
回答已采纳
我正在做一个导航条，我希望整个li元素是可点击的，而不仅仅是其中的文本。目前，它的结构非常标准化：
<ul>
<li><a>link 1</a></li>
<li><a>link 2</a></li>
</ul>
使用样式时，当您在li上悬停时，背景会发生更改，但您只能单击a元素中的文本。我想要做的是修改代码如下：
<ul>
<a><span>link 1</span></a>
<a>&l
浏览 2提问于2021-06-30得票数 0
我有一个项目列表，我正在尝试给项目列表赋予文件遍历行为，比如文件资源管理器，意思是在选择一个项目后，如果你按住Shift键并按下箭头，这些项目应该会被选中。
我有一个下面提到的列表。
<div class="container">
<ul class="mylist">
<li tabindex="1">item1</li>
<li tabindex="2">item2</li>
<li tabindex=&
浏览 0提问于2017-09-08得票数 7
4回答
单击“波旁加注导航”菜单幻灯片
、、、、
我使用的波旁填充导航菜单，并希望修改它，所以当一个链接被点击在小模式下，菜单滑回。此时，菜单会下降，但是当单击菜单项时，菜单就会继续下降。由于我使用的滚动页面与固定的顶部菜单，这意味着许多内容是隐藏在菜单后面。
以下是Codepen的代码：
我的现有代码如下：
HTML
<header class="navigation" role="banner">
<div class="navigation-wrapper">
<a href="javascript:void(0)" class="l
浏览 11提问于2015-03-13得票数 7
回答已采纳
1回答
我有一个jquery img滑块的问题...我就是不能让它出现...我到底做错了什么.我把我的幻灯片放在一个内容的div里面..
当我在firebug中查看源码时，例如，我可以看到标记在那里，图片被正确链接-滑块就是启动不了。
这是用于插件和CSS的HTML标记、脚本
<div id="myslideshow">
<ul class="bjqs">
<li><img src="img/slidepic1.png" height="33
浏览 1提问于2012-12-18得票数 0
这是我的密码：
<div id="templatemo_menu">
<ul>
<li><a href="#" class="current">Home</a></li>
<li><a href="#">Login</a></li>
<!
浏览 2提问于2014-03-19得票数 0
回答已采纳
嗨，我有一些代码在加载隐藏我的共享按钮，当我悬停或点击共享按钮，它滑落下来。然而，在我到达这些按钮点击它们之前，它们会消失吗？
有人能帮我完成这个过渡吗？
我的代码在下面，或者访问我的
index.html
<ul class="nav">
<li><a href="#">ICON ONE</a></li>
<li><a href="#">ICON TWO</a></li>
<li class="sha
浏览 6提问于2013-10-07得票数 0
回答已采纳
当点击处理程序绑定到外部a时，我如何使用jquery获取所选div的div？
<ul class="js-click">
<li><a href="" data-attr="hello">Hello</a></li>
<li><a href="" data-attr="world">World</a></li>
</ul>
$('.js-click').on('
浏览 0提问于2016-04-05得票数 1
1回答
我有一个li菜单，在300px打开mobile_nav按钮时，它会转到display:none。
现在，在我的控制器中，我正在使用这个
main.js
$scope.mobileMenu = function() {
var menu = document.getElementById('main_nav');
if (menu.style.display == 'block') {
menu.style.display = 'none';
} else {
menu.style.display =
浏览 3提问于2015-01-30得票数 1
回答已采纳
4回答
我试图使侧边导航关闭点击某处，但导航阻塞本身和它的切换按钮。我尝试这样的代码：
<div class="header__menu-toggle">
<div class="icon-menu"></div>
</div>
<section id="main-nav">
<ul class="main-nav__inner">
<li>one</li>
<li>two</li>
浏览 8提问于2016-08-09得票数 0
我正在开发一个响应网站，当点击汉堡包，显示一个导航ul，但我还没有能够设置列表显示为零时，点击第二次汉堡包。
<div class=""container hamburger" onclick="toggleHamburger(this)" id="hamburger">
<div class="bar1"></div>
<div class="bar2"></div>
<div class="bar3
浏览 7提问于2017-03-27得票数 1
回答已采纳
2回答
我在一段时间前的设计中看到了这个功能，并认为"hay，这看起来是个好主意“。但是进一步研究它，我不确定它是否完全有可能使用‘只是css’。
左边有一个导航栏：
ul{
background:red;
display:inline-block;
padding:20px;
}
<ul>
<li>link 1</li>
<li>link 2</li>
<li>link 3</li>
<li>link 4</li>
</ul>
当浏览
浏览 5提问于2015-01-23得票数 7
所以我有这个，在用户点击.item_list之后，它显示了它应该做什么，如果他们点击.upload_items li，它什么也不做。我很不明白为什么。下面是包含更多细节的。在这里发布的html太多了
$('.upload_items').hide();
$('.item-list').click(function() {
$(".upload_items").slideDown();
$('#node_project_form_group_document').show();
浏览 0提问于2014-10-24得票数 0
回答已采纳
您好，我正在尝试使用playframework 2中的胡子模板。所以我的index.scala.html看起来像这样
@import com.feth.play.module.pa.views.html._
<!doctype html>
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]-->
<!--[if IE 7 ]> <html lang="en" class="no-js ie7
浏览 0提问于2012-10-18得票数 1
回答已采纳
1回答
触发折叠菜单从链接单击新窗口
、、、、
我想使用我的index.html页面上的链接在portfolio.html页面上打开一个可点击的折叠菜单，一旦该链接将我带到portfolio.html...
Index.html
<a class="sponsor-info" href="views/portfolio.html"></a>
Portfolio.html
<ul class="folding-menu">
<li class="menu-item sponsors" id="all-metro">
浏览 0提问于2017-07-21得票数 0
我不明白为什么ng-点击上面的循环可以过滤数据，而ng-点击内的第一个循环不能。
我完全不知道怎么回事
var booksAPP = angular.module('booksAPP'，[])；
booksAPP.controller('booksCTRL', function($scope) {
$scope.bookData = {
books: [
{name: "JS learn", tag: "js", category: "java
浏览 0提问于2015-07-26得票数 0
回答已采纳
4回答
我有这个下拉菜单，通常在悬停下，但在触摸设备上，我只是做了它，你可以点击它也打开它。
问题是，似乎下拉的<ul>并没有完全聚焦，因为我必须在iPhone 4上点击两次链接才能使它们正常工作。
下面是我正在使用的代码：
$(document).ready(function() {
$('.myMenu > li').bind('mouseover', openSubMenu);
$('.myMenu > li').bind('mouseout', closeSubMenu);
$(&
浏览 8提问于2014-07-09得票数 6
回答已采纳
我在.net母版页中放置了一个引导导航栏。这段代码在没有母版页的另一个页面上运行得很好，但是如果在母版页上，它就不能工作。
<link href="../plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="../plugins/bootstrap/css/bootstrap-theme.min.css" rel="stylesheet" type="
浏览 1提问于2013-11-21得票数 1
我正在学习一些Vuejs，以提高我在JS生态系统中的游戏。我正在建立一份待办事项清单。我已经想出了一份表格。我还可以使用onlick事件检查它们。然而，当我点击一个li时，它将这个类应用于所有它们。
我试着翻了一下清单，但我觉得我做得不对。如果有人能让我朝正确的方向走的话。
HTML代码：
<div id="app">
<h1>{{ message }}</h1>
<ul>
<li v-bind:class="{ completed: isActive }" v-on:click="c
浏览 0提问于2019-02-16得票数 1
回答已采纳
1回答
我在index.html中创建了一个标题，在test.html中创建了一个单独的页面。我能够在index.html页面上使用脚本，但不能在test.html页面上使用脚本，我似乎找不出原因。
在下面的文件中，控制台日志记录测试语句，我可以在浏览器中看到它。
Index.html：
<html lang="en">
<head>
<base href="/">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compa
浏览 2提问于2017-09-07得票数 1
回答已采纳
1回答
我已经创建了一个简单的js页面和一个html页面:当我点击按钮时，我想得到一个jstree结构。我在第一次点击的时候就得到了结构。然而，当我再次点击时，它会给我一个正常的结构。这是jstree bug吗..。请帮帮忙
Html代码：
<body><button id="idClickMe">Click me</button><div id='jstree'></div></body>
Js代码
$(document).ready(function(){
$('#idClic
浏览 2提问于2015-08-14得票数 2
1回答
我只想给点击的李一个背景色。我的脚本给所有点击的背景颜色，但我只想点击一个。
$('.tab').on("click", function() {
$(this).css({
backgroundColor: "#216180"
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<ul id="Nav">
<
浏览 4提问于2022-11-03得票数 -1
回答已采纳
1回答
我需要在这里进行哪些更改，以便仅在移动设备上运行代码，并在计算机上禁用代码？
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<body>
<ul id="primary-menu">
<li class="menu-item-has-children">
<a href="http://example.org">Cli
浏览 1提问于2020-01-07得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
