草庐IT

javascript - 我添加了这段代码,但现在子 <li> 菜单列表未打开..执行了操作但未打开菜单

coder 2023-08-11 原文

我发布的这段代码是图像、Html 和 css 代码。当我单击复选框图像但未打开子时 <li> . 如果我这样写代码。

$("#menu1 li a").click(function(){$(this).next("ul").toggle(); });

但是子<li>打开速度非常快。有人告诉我吗?? 在此图像中,可以看到它的代码外观。

<script>
 $("#menu1 li a").click(function(){ 	
$(this).next("ul").toggle("slow"); }); 
$("#menu2 li a").click(function(){ 	
$(this).next("ul").toggle("slow"); }); 
</script>
#leftcolsearch {
	float: left;
	width: 210px;
	margin: 0 7px 10px 0;
}
#leftcolsearch .option {
	float: left;
	width: 196px;
	border: #CCCCCC dotted 1px;
	border-top: none;
	padding: 1px 0 10px 10px;
}
.menu {
	margin: 0;
	padding: 0 0 0 2px;
}

.menu li {list-style: none; float:left; width:185px; margin:0;}
.menu li ul{ margin:0; padding:0; margin-left:8px; display:none; }
.menu li ul li{
margin:4px 0;
padding: 0;
line-height: 100%;
display: inline;
}
.menu a {
	color: #999;
	background: url(../images/checkbox.png) no-repeat left top;
	padding: 0 0 0 15px;
	text-decoration: none;
	outline: none;
}
.menu li a.active,.menu li a:hover{
	color: #539dbc;
background: url(../images/checkboxwc.png) no-repeat left top; display:block;	
	padding: 0 0 0 15px;
}
<div id="leftcolsearch"> 
  <div class="option">
    <h4 style="margin-left:7">Date:</h4>
    <ul class="menu" id="menu1">
      <li><a href="">2013</a>
        <ul>
          <li><a href="">November</a></li>
          <li><a href="">December</a></li>
        </ul>
      </li>
      <li><a href="">2014</a>
        <ul>
          <li><a href="">January</a></li>
          <li><a href="">February</a></li>
          <li><a href="">March</a></li>
          <li><a href="">April</a></li>
          <li><a href="">May</a></li>
          <li><a href="">June</a></li>
          <li><a href="">July</a></li>
          <li><a href="">August</a></li>
          <li><a href="">September</a></li>
          <li><a href="">October</a></li>
          <li><a href="">November</a></li>
          <li><a href="">December</a></li>
        </ul>
      </li>
    </ul>
  </div>

<div class="option">
    <h4>Location</h4>
    <ul class="menu" id="menu2">
      <li><a href="">Africa</a>
        <ul>
          <li><a href="">Algeria</a></li>
          <li><a href=""> Angola</a></li>
          <li><a href=""> Cameroon</a></li>
          <li><a href=""> Egypt</a></li>
          <li><a href=""> Kenya</a></li>
          <li><a href=""> Madagascar</a></li>
          <li><a href=""> Morocco</a></li>
          <li><a href=""> Mozambique</a></li>
          <li><a href=""> Nigeria</a></li>
          <li><a href=""> South Africa</a></li>
          <li><a href=""> Tanzania, United Republic Of</a></li>
        </ul>
      </li>
      <li> <a href="">Asia</a>
        <ul>
          <li><a href="">Bahrain</a></li>
          <li><a href=""> Bangladesh</a></li>
          <li><a href=""> Canada</a></li>
          <li><a href=""> China</a></li>
          <li><a href=""> France</a></li>
          <li><a href=""> Hong Kong</a></li>
          <li><a href=""> India</a></li>
          <li><a href=""> Indonesia</a></li>
          <li><a href=""> Iran, Islamic Republic Of</a></li>
          <li><a href=""> Israel</a></li>
          <li><a href=""> Japan</a></li>
          <li><a href=""> Jordan</a></li>
          <li><a href=""> Kazakhstan</a></li>
          <li><a href=""> Korea, Republic Of</a></li>
          <li><a href=""> Lebanon</a></li>
          <li><a href=""> Macao</a></li>
          <li><a href=""> Malaysia</a></li>
          <li><a href=""> Oman</a></li>
          <li><a href=""> Pakistan</a></li>
          <li><a href=""> Philippines</a></li>
          <li><a href=""> Qatar</a></li>
          <li><a href=""> Saudi Arabia</a></li>
          <li><a href=""> Singapore</a></li>
          <li><a href=""> Sri Lanka</a></li>
          <li><a href=""> Taiwan, Province Of China</a></li>
          <li><a href=""> Thailand</a></li>
          <li><a href=""> Turkey</a></li>
          <li><a href=""> United Arab Emirates</a></li>
          <li><a href=""> Vietnam</a></li>
        </ul>
      </li>
      <li><a href=""> Australia</a>
        <ul>
          <li><a href="">Australia</a></li>
          <li><a href=""> Fiji</a></li>
          <li><a href=""> New Zealand</a></li>
        </ul>
      </li>
      <li> <a href="">Europe</a>
        <ul>
          <li><a href="">Austria</a></li>
          <li><a href=""> Belgium</a></li>
          <li><a href=""> Bulgaria</a></li>
          <li><a href=""> Croatia</a></li>
          <li><a href=""> Czech Republic</a></li>
          <li><a href=""> Denmark</a></li>
          <li><a href=""> Estonia</a></li>
          <li><a href=""> Finland</a></li>
          <li><a href=""> France</a></li>
          <li><a href=""> Germany</a></li>
          <li><a href=""> Greece</a></li>
          <li><a href=""> Hungary</a></li>
          <li><a href=""> Ireland</a></li>
          <li><a href=""> Italy</a></li>
          <li><a href=""> Lithuania</a></li>
          <li><a href=""> Monaco</a></li>
          <li><a href=""> Netherlands</a></li>
          <li><a href=""> Norway</a></li>
          <li><a href=""> Poland</a></li>
          <li><a href=""> Portugal</a></li>
          <li><a href=""> Romania</a></li>
          <li><a href=""> Russian Federation</a></li>
          <li><a href=""> Serbia</a></li>
          <li><a href=""> Slovakia</a></li>
          <li><a href=""> Slovenia</a></li>
          <li><a href=""> Spain</a></li>
          <li><a href=""> Sweden</a></li>
          <li><a href=""> Switzerland</a></li>
          <li><a href=""> Turkey</a></li>
          <li><a href=""> Ukraine</a></li>
          <li><a href=""> United Kingdom</a></li>
        </ul>
      </li>
      <li> <a href="">North America</a>
        <ul>
          <li><a href="">Canada
            Costa Rica</a></li>
          <li><a href=""> Cuba</a></li>
          <li><a href=""> Mexico</a></li>
          <li><a href=""> United States</a></li>
        </ul>
      </li>
      <li> <a href="">South America</a>
        <ul>
          <li><a href="">Argentina</a></li>
          <li><a href=""> Brazil</a></li>
          <li><a href=""> Chile</a></li>
          <li><a href=""> Colombia</a></li>
          <li><a href=""> Mexico</a></li>
          <li><a href=""> Peru</a></li>
          <li><a href=""> Uruguay</a></li>
        </ul>
      </li>
    </ul>
  </div>
  </div>

最佳答案

href 中的用户 javascript:void(0) 正在加载页面,javascript 没有问题,现在检查它...

<div id="leftcolsearch"> 
  <div class="option">
    <h4 style="margin-left:7">Date:</h4>
    <ul class="menu" id="menu1">
      <li><a href="javascript:void(0)">2013</a>
        <ul>
          <li><a href="">November</a></li>
          <li><a href="">December</a></li>
        </ul>
      </li>
      <li><a href="javascript:void(0)">2014</a>
        <ul>
          <li><a href="">January</a></li>
          <li><a href="">February</a></li>
          <li><a href="">March</a></li>
          <li><a href="">April</a></li>
          <li><a href="">May</a></li>
          <li><a href="">June</a></li>
          <li><a href="">July</a></li>
          <li><a href="">August</a></li>
          <li><a href="">September</a></li>
          <li><a href="">October</a></li>
          <li><a href="">November</a></li>
          <li><a href="">December</a></li>
        </ul>
      </li>
    </ul>
  </div>

<div class="option">
    <h4>Location</h4>
    <ul class="menu" id="menu2">
      <li><a href="javascript:void(0)">Africa</a>
        <ul>
          <li><a href="">Algeria</a></li>
          <li><a href=""> Angola</a></li>
          <li><a href=""> Cameroon</a></li>
          <li><a href=""> Egypt</a></li>
          <li><a href=""> Kenya</a></li>
          <li><a href=""> Madagascar</a></li>
          <li><a href=""> Morocco</a></li>
          <li><a href=""> Mozambique</a></li>
          <li><a href=""> Nigeria</a></li>
          <li><a href=""> South Africa</a></li>
          <li><a href=""> Tanzania, United Republic Of</a></li>
        </ul>
      </li>
      <li> <a href="javascript:void(0)">Asia</a>
        <ul>
          <li><a href="">Bahrain</a></li>
          <li><a href=""> Bangladesh</a></li>
          <li><a href=""> Canada</a></li>
          <li><a href=""> China</a></li>
          <li><a href=""> France</a></li>
          <li><a href=""> Hong Kong</a></li>
          <li><a href=""> India</a></li>
          <li><a href=""> Indonesia</a></li>
          <li><a href=""> Iran, Islamic Republic Of</a></li>
          <li><a href=""> Israel</a></li>
          <li><a href=""> Japan</a></li>
          <li><a href=""> Jordan</a></li>
          <li><a href=""> Kazakhstan</a></li>
          <li><a href=""> Korea, Republic Of</a></li>
          <li><a href=""> Lebanon</a></li>
          <li><a href=""> Macao</a></li>
          <li><a href=""> Malaysia</a></li>
          <li><a href=""> Oman</a></li>
          <li><a href=""> Pakistan</a></li>
          <li><a href=""> Philippines</a></li>
          <li><a href=""> Qatar</a></li>
          <li><a href=""> Saudi Arabia</a></li>
          <li><a href=""> Singapore</a></li>
          <li><a href=""> Sri Lanka</a></li>
          <li><a href=""> Taiwan, Province Of China</a></li>
          <li><a href=""> Thailand</a></li>
          <li><a href=""> Turkey</a></li>
          <li><a href=""> United Arab Emirates</a></li>
          <li><a href=""> Vietnam</a></li>
        </ul>
      </li>
      <li><a href="javascript:void(0)"> Australia</a>
        <ul>
          <li><a href="">Australia</a></li>
          <li><a href=""> Fiji</a></li>
          <li><a href=""> New Zealand</a></li>
        </ul>
      </li>
      <li> <a href="">Europe</a>
        <ul>
          <li><a href="">Austria</a></li>
          <li><a href=""> Belgium</a></li>
          <li><a href=""> Bulgaria</a></li>
          <li><a href=""> Croatia</a></li>
          <li><a href=""> Czech Republic</a></li>
          <li><a href=""> Denmark</a></li>
          <li><a href=""> Estonia</a></li>
          <li><a href=""> Finland</a></li>
          <li><a href=""> France</a></li>
          <li><a href=""> Germany</a></li>
          <li><a href=""> Greece</a></li>
          <li><a href=""> Hungary</a></li>
          <li><a href=""> Ireland</a></li>
          <li><a href=""> Italy</a></li>
          <li><a href=""> Lithuania</a></li>
          <li><a href=""> Monaco</a></li>
          <li><a href=""> Netherlands</a></li>
          <li><a href=""> Norway</a></li>
          <li><a href=""> Poland</a></li>
          <li><a href=""> Portugal</a></li>
          <li><a href=""> Romania</a></li>
          <li><a href=""> Russian Federation</a></li>
          <li><a href=""> Serbia</a></li>
          <li><a href=""> Slovakia</a></li>
          <li><a href=""> Slovenia</a></li>
          <li><a href=""> Spain</a></li>
          <li><a href=""> Sweden</a></li>
          <li><a href=""> Switzerland</a></li>
          <li><a href=""> Turkey</a></li>
          <li><a href=""> Ukraine</a></li>
          <li><a href=""> United Kingdom</a></li>
        </ul>
      </li>
      <li> <a href="javascript:void(0)">North America</a>
        <ul>
          <li><a href="">Canada
            Costa Rica</a></li>
          <li><a href=""> Cuba</a></li>
          <li><a href=""> Mexico</a></li>
          <li><a href=""> United States</a></li>
        </ul>
      </li>
      <li> <a href="">South America</a>
        <ul>
          <li><a href="">Argentina</a></li>
          <li><a href=""> Brazil</a></li>
          <li><a href=""> Chile</a></li>
          <li><a href=""> Colombia</a></li>
          <li><a href=""> Mexico</a></li>
          <li><a href=""> Peru</a></li>
          <li><a href=""> Uruguay</a></li>
        </ul>
      </li>
    </ul>
  </div>
  </div>

关于javascript - 我添加了这段代码,但现在子 <li> 菜单列表未打开..执行了操作但未打开菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30160761/

有关javascript - 我添加了这段代码,但现在子 <li> 菜单列表未打开..执行了操作但未打开菜单的更多相关文章

  1. ruby - 如何在 buildr 项目中使用 Ruby 代码? - 2

    如何在buildr项目中使用Ruby?我在很多不同的项目中使用过Ruby、JRuby、Java和Clojure。我目前正在使用我的标准Ruby开发一个模拟应用程序,我想尝试使用Clojure后端(我确实喜欢功能代码)以及JRubygui和测试套件。我还可以看到在未来的不同项目中使用Scala作为后端。我想我要为我的项目尝试一下buildr(http://buildr.apache.org/),但我注意到buildr似乎没有设置为在项目中使用JRuby代码本身!这看起来有点傻,因为该工具旨在统一通用的JVM语言并且是在ruby中构建的。除了将输出的jar包含在一个独特的、仅限ruby​​

  2. ruby - 使用 Vim Rails,您可以创建一个新的迁移文件并一次性打开它吗? - 2

    使用带有Rails插件的vim,您可以创建一个迁移文件,然后一次性打开该文件吗?textmate也可以这样吗? 最佳答案 你可以使用rails.vim然后做类似的事情::Rgeneratemigratonadd_foo_to_bar插件将打开迁移生成的文件,这正是您想要的。我不能代表textmate。 关于ruby-使用VimRails,您可以创建一个新的迁移文件并一次性打开它吗?,我们在StackOverflow上找到一个类似的问题: https://sta

  3. ruby-on-rails - Rails 源代码 : initialize hash in a weird way? - 2

    在rails源中:https://github.com/rails/rails/blob/master/activesupport/lib/active_support/lazy_load_hooks.rb可以看到以下内容@load_hooks=Hash.new{|h,k|h[k]=[]}在IRB中,它只是初始化一个空哈希。和做有什么区别@load_hooks=Hash.new 最佳答案 查看rubydocumentationforHashnew→new_hashclicktotogglesourcenew(obj)→new_has

  4. ruby-on-rails - 如何从 format.xml 中删除 <hash></hash> - 2

    我有一个对象has_many应呈现为xml的子对象。这不是问题。我的问题是我创建了一个Hash包含此数据,就像解析器需要它一样。但是rails自动将整个文件包含在.........我需要摆脱type="array"和我该如何处理?我没有在文档中找到任何内容。 最佳答案 我遇到了同样的问题;这是我的XML:我在用这个:entries.to_xml将散列数据转换为XML,但这会将条目的数据包装到中所以我修改了:entries.to_xml(root:"Contacts")但这仍然将转换后的XML包装在“联系人”中,将我的XML代码修改为

  5. ruby-on-rails - rspec should have_select ('cars' , :options => ['volvo' , 'saab' ] 不工作 - 2

    关闭。这个问题需要detailsorclarity.它目前不接受答案。想改进这个问题吗?通过editingthispost添加细节并澄清问题.关闭8年前。Improvethisquestion在首页我有:汽车:VolvoSaabMercedesAudistatic_pages_spec.rb中的测试代码:it"shouldhavetherightselect"dovisithome_pathit{shouldhave_select('cars',:options=>['volvo','saab','mercedes','audi'])}end响应是rspec./spec/request

  6. ruby-on-rails - 浏览 Ruby 源代码 - 2

    我的主要目标是能够完全理解我正在使用的库/gem。我尝试在Github上从头到尾阅读源代码,但这真的很难。我认为更有趣、更温和的踏脚石就是在使用时阅读每个库/gem方法的源代码。例如,我想知道RubyonRails中的redirect_to方法是如何工作的:如何查找redirect_to方法的源代码?我知道在pry中我可以执行类似show-methodmethod的操作,但我如何才能对Rails框架中的方法执行此操作?您对我如何更好地理解Gem及其API有什么建议吗?仅仅阅读源代码似乎真的很难,尤其是对于框架。谢谢! 最佳答案 Ru

  7. ruby - 模块嵌套代码风格偏好 - 2

    我的假设是moduleAmoduleBendend和moduleA::Bend是一样的。我能够从thisblog找到解决方案,thisSOthread和andthisSOthread.为什么以及什么时候应该更喜欢紧凑语法A::B而不是另一个,因为它显然有一个缺点?我有一种直觉,它可能与性能有关,因为在更多命名空间中查找常量需要更多计算。但是我无法通过对普通类进行基准测试来验证这一点。 最佳答案 这两种写作方法经常被混淆。首先要说的是,据我所知,没有可衡量的性能差异。(在下面的书面示例中不断查找)最明显的区别,可能也是最著名的,是你的

  8. ruby-on-rails - Nokogiri:使用 XPath 搜索 <div> - 2

    我使用Nokogiri(Rubygem)css搜索寻找某些在我的html里面。看起来Nokogiri的css搜索不喜欢正则表达式。我想切换到Nokogiri的xpath搜索,因为这似乎支持搜索字符串中的正则表达式。如何在xpath搜索中实现下面提到的(伪)css搜索?require'rubygems'require'nokogiri'value=Nokogiri::HTML.parse(ABBlaCD3"HTML_END#my_blockisgivenmy_bl="1"#my_eqcorrespondstothisregexmy_eq="\/[0-9]+\/"#FIXMEThefoll

  9. ruby - 寻找通过阅读代码确定编程语言的ruby gem? - 2

    几个月前,我读了一篇关于ruby​​gem的博客文章,它可以通过阅读代码本身来确定编程语言。对于我的生活,我不记得博客或gem的名称。谷歌搜索“ruby编程语言猜测”及其变体也无济于事。有人碰巧知道相关gem的名称吗? 最佳答案 是这个吗:http://github.com/chrislo/sourceclassifier/tree/master 关于ruby-寻找通过阅读代码确定编程语言的rubygem?,我们在StackOverflow上找到一个类似的问题:

  10. ruby - Net::HTTP 获取源代码和状态 - 2

    我目前正在使用以下方法获取页面的源代码:Net::HTTP.get(URI.parse(page.url))我还想获取HTTP状态,而无需发出第二个请求。有没有办法用另一种方法做到这一点?我一直在查看文档,但似乎找不到我要找的东西。 最佳答案 在我看来,除非您需要一些真正的低级访问或控制,否则最好使用Ruby的内置Open::URI模块:require'open-uri'io=open('http://www.example.org/')#=>#body=io.read[0,50]#=>"["200","OK"]io.base_ur

随机推荐