2015-09-17 5 views
0

Я знаю, что в этом есть много других тем, но никто из них не работал на меня. У меня есть div, который я хотел бы поменять с помощью jquery. (Я изначально хотел, чтобы исчезнуть в том, когда пользователь прокручивается вниз, но это не сработало, но если кто-то может мне помочь с этим тоже, это было бы здорово!)jQuery .fadeIn (и все jQuery) Не работает

Вот мой код:

<script src="https://code.jquery.com/jquery-1.10.2.js"> 
</script> 
<script> 
    $(function() { 
    $(".twitter-widget").fadeIn(5000); 
}); 
</script> 
<style> 
    #twitter-widget { 
    position: fixed; 
    bottom: 15px; 
    right: 30px; 
    } 
</style> 
<div style="text-align: center;" id="twitter-widget"> 
<div style="Background-color: white; Width: 200px; Height: 100px;" class="content"> 
<style> 
    .rhett-link, .chadtronic, .here-now, .htde { 
    border-radius: 10px; 
    }` 
</style> 
<a href="https://twitter.com/averybmiller" class="twitter-follow-button" data-show-count="false" data-size="large">Follow @averybmiller</a> 
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> 
<br> 
Followed By 
<br> 
<a href="http://www.twitter.com/rhettandlink"> 
    <img src="https://pbs.twimg.com/profile_images/1617483791/RhettAndLink_Logo_RGB.jpg" height="40px" width="40px" alt="Rhett and Link" class="rhett-link"></a> 
<a href="http://www.twitter.com/chadtronic"> 
    <img src="https://pbs.twimg.com/profile_images/642137361124454400/p4Aui6FS.png" height="40px" width="40px" alt="Chadtronic" class="chadtronic"></a> 
<a href="http://www.twitter.com/hereandnow"> 
<img src="https://pbs.twimg.com/profile_images/378800000068124541/9fdeea271f46802d828b3b5a194df006.png" height="40px" width="40px" alt="NPR's Here and Now" class="here-now"></a> 
<a href="http://www.twitter.com/htde"> 
<img src="https://pbs.twimg.com/profile_images/431891488675332096/DDbr4grY.png" height="40px" width="40px" alt="NPR's How to do Everything" class="htde"></a> 
<br> 
</div> 
<div style="background-color: #FF5500; Width: 200px; Height: 2px"></div> 
</div> 

Теперь fadeIn., Или что-нибудь в jquery, если на то пошло, не сработает. Я не могу понять. Есть идеи?

+3

'twitter-widget' должен быть скрыт/нет отображения' display: none; 'для их исчезновения. ничего не исчезает, если оно уже видно. Также '$ (". Twitter-widget ")' Является ли таргетинг элементами с именем класса 'twitter-widget' Для того, чтобы использовать идентификатор' '' '' '' '' '' '. Пример:' $ ("# twitter-widget") ' – NewToJS

+0

Теги'

Смежные вопросы