2015-10-10 2 views
0

Я не могу заставить «div» исчезать, когда я нажимаю «a».jQuery fade in не беспокоит

КОД:

<!DOCTYPE html> 
<html> 
<head></head> 
<body > 
    <a>Click here</a> 

    </div> 
    <div id="js" style="display:none"> hahaha</div> 


<script type="text/javascript"> 
$(document).ready(function() { 
    $('a').click(function() { 
     $('div').fadeIn('slow',5000); 
    }); 
}); 

    </script> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
    </body> 
</html> 

Я попробовал также с 'CSS ("дисплей", "блок");' или переключать или если условие, но это все еще не вызывает беспокойства. Кстати, я новичок в JQuery. Пожалуйста, помогите мне, спасибо.

ответ

1

Вам нужно включить JQuery библиотеку перед кодом JQuery

<a>Click here</a> 
 
<div id="js" style="display:none">hahaha</div> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
 
<!-- code after including jQuery library --> 
 
<script type="text/javascript"> 
 
    $(document).ready(function() { 
 
    $('a').click(function() { 
 
     $('#js').fadeIn('slow', 5000); 
 
    }); 
 
    }); 
 
</script>

+1

Я не знал, что, спасибо большое! –