这里非常简单的脚本,但我无法理解为什么它不起作用。
HTML:
<div class="services-tab">...</div>
<div id="services-content">...</div>
的javascript:
$(document).ready(function(){
$(".services-tab").click(function(){
$("#services-content").slideUp();
});
});
如果我用fadeOut()替换slideUp()它可以工作,但这不是我想要的效果。我做错了什么?
答案 0 :(得分:0)
从ID中删除#
<div id="#services-content">...</div>
将其替换为
<div id="services-content">...</div>
答案 1 :(得分:0)
好的,这已经解决了。我一直在使用Foundation4,它用这个加载jquery:
<script>
document.write('<script src=' +
('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
'.js><\/script>')
</script>
相反,我直接加载了jquery:
现在它有效。
答案 2 :(得分:0)
请在您的代码中添加以下引用,它将解决您的问题
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
和Click here对于使用此Jquery的实时演示..
答案 3 :(得分:0)
使用这个最新的jquery库。
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
它的工作。