我发布的这段代码是图像、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/
如何在buildr项目中使用Ruby?我在很多不同的项目中使用过Ruby、JRuby、Java和Clojure。我目前正在使用我的标准Ruby开发一个模拟应用程序,我想尝试使用Clojure后端(我确实喜欢功能代码)以及JRubygui和测试套件。我还可以看到在未来的不同项目中使用Scala作为后端。我想我要为我的项目尝试一下buildr(http://buildr.apache.org/),但我注意到buildr似乎没有设置为在项目中使用JRuby代码本身!这看起来有点傻,因为该工具旨在统一通用的JVM语言并且是在ruby中构建的。除了将输出的jar包含在一个独特的、仅限ruby
使用带有Rails插件的vim,您可以创建一个迁移文件,然后一次性打开该文件吗?textmate也可以这样吗? 最佳答案 你可以使用rails.vim然后做类似的事情::Rgeneratemigratonadd_foo_to_bar插件将打开迁移生成的文件,这正是您想要的。我不能代表textmate。 关于ruby-使用VimRails,您可以创建一个新的迁移文件并一次性打开它吗?,我们在StackOverflow上找到一个类似的问题: https://sta
在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
我有一个对象has_many应呈现为xml的子对象。这不是问题。我的问题是我创建了一个Hash包含此数据,就像解析器需要它一样。但是rails自动将整个文件包含在.........我需要摆脱type="array"和我该如何处理?我没有在文档中找到任何内容。 最佳答案 我遇到了同样的问题;这是我的XML:我在用这个:entries.to_xml将散列数据转换为XML,但这会将条目的数据包装到中所以我修改了:entries.to_xml(root:"Contacts")但这仍然将转换后的XML包装在“联系人”中,将我的XML代码修改为
关闭。这个问题需要detailsorclarity.它目前不接受答案。想改进这个问题吗?通过editingthispost添加细节并澄清问题.关闭8年前。Improvethisquestion在首页我有:汽车:VolvoSaabMercedesAudistatic_pages_spec.rb中的测试代码:it"shouldhavetherightselect"dovisithome_pathit{shouldhave_select('cars',:options=>['volvo','saab','mercedes','audi'])}end响应是rspec./spec/request
我的主要目标是能够完全理解我正在使用的库/gem。我尝试在Github上从头到尾阅读源代码,但这真的很难。我认为更有趣、更温和的踏脚石就是在使用时阅读每个库/gem方法的源代码。例如,我想知道RubyonRails中的redirect_to方法是如何工作的:如何查找redirect_to方法的源代码?我知道在pry中我可以执行类似show-methodmethod的操作,但我如何才能对Rails框架中的方法执行此操作?您对我如何更好地理解Gem及其API有什么建议吗?仅仅阅读源代码似乎真的很难,尤其是对于框架。谢谢! 最佳答案 Ru
我的假设是moduleAmoduleBendend和moduleA::Bend是一样的。我能够从thisblog找到解决方案,thisSOthread和andthisSOthread.为什么以及什么时候应该更喜欢紧凑语法A::B而不是另一个,因为它显然有一个缺点?我有一种直觉,它可能与性能有关,因为在更多命名空间中查找常量需要更多计算。但是我无法通过对普通类进行基准测试来验证这一点。 最佳答案 这两种写作方法经常被混淆。首先要说的是,据我所知,没有可衡量的性能差异。(在下面的书面示例中不断查找)最明显的区别,可能也是最著名的,是你的
我使用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
几个月前,我读了一篇关于rubygem的博客文章,它可以通过阅读代码本身来确定编程语言。对于我的生活,我不记得博客或gem的名称。谷歌搜索“ruby编程语言猜测”及其变体也无济于事。有人碰巧知道相关gem的名称吗? 最佳答案 是这个吗:http://github.com/chrislo/sourceclassifier/tree/master 关于ruby-寻找通过阅读代码确定编程语言的rubygem?,我们在StackOverflow上找到一个类似的问题:
我目前正在使用以下方法获取页面的源代码: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