Очень простой скрипт здесь, но я не могу понять, почему он не работает.jquery fadeOut() работает, но slideUp() не
HTML:
<div class="services-tab">...</div>
<div id="services-content">...</div>
JavaScript:
$(document).ready(function(){
$(".services-tab").click(function(){
$("#services-content").slideUp();
});
});
Если я заменяю slideUp() с FADEOUT() работает, но это не тот эффект, который я хочу. Что я делаю не так?
удалить # из ид
<div id="#services-content">...</div>
заменить его
<div id="services-content">...</div>
К сожалению, это была опечатка. Это уже как id = "services-content". – babbaggeii
Да, это не имеет смысла, если опечатка была в источнике, fadeOut тоже не сработает. – gdoron
Ok, это решается. Я использую Foundation4, который загружает JQuery с этим:
<script>
document.write('<script src=' +
('__proto__' in {} ? 'js/vendor/zepto' : 'js/vendor/jquery') +
'.js><\/script>')
</script>
Так вместо этого, я загрузил JQuery непосредственно:
И теперь он работает.
Могу ли я рекомендовать вам закрыть этот вопрос? Он немного локализован, чтобы быть очень полезен для всех, если вы не редактируете его, возможно, чтобы спросить, почему Foundation4, похоже, конфликтует с jQuery. –
Пожалуйста Добавить ниже ссылки в коде, и это будет решить вашу проблему
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
И Click here Для демо с использованием для этого Jquery ..
Используйте эту последнюю библиотеку Jquery.
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
его работы.
Можете ли вы воссоздать его на http://jsfiddle.net? – gdoron
кажется прекрасным http://jsfiddle.net/arunpjohny/VjKn5/1/ –
Я создал скрипку, и все работает отлично: http://jsfiddle.net/ftTLz/. –