Допомога у програмуванні, відповіді на питання / Джейкері / Як створити ефект відмов на ul - jquery, jquery-ui

Як створити ефект відмов на ul - jquery, jquery - ui

Я використовую сторінку, на якій є меню. при виборі меню (миша або переміщення миші) з'являється спадний список. Ось код

<head>
<script type="text/javascript" src="js/jquery-1.7.1.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.17.custom.min.js"></script>
<script type="text/javascript" language="javascript" src="js/jquery.dropdown.js"></script>
<script type="text/javascript" src="js/myBounce.js"></script>
<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
</head>

<body>

<div id="page-wrap">
<div id="menubg">
<ul class="dropdown">
<li><a href="#">Really Tall Menu</a>
<ul>
<li><a href="#">Basit</a></li>
<li><a href="#">Masood</a></li>
...
</ul>
</li>
<li><a href="#">Kinda Tall Menu</a>
<ul id="test">
<li><a href="#">Artificial Turf</a></li>
<li><a href="#">Benches &amp; Bleachers</a></li>
<li><a href="#">Communication Devices</a></li>
..
</ul>
</li>
</ul>
</div>
</body>

js / jquery-ui-1.8.17.custom.min.js містить ефект відскоку. Я хочу, щоб, коли з'явилася моя вулиця, вона з'явилася з ефектом відскоку. На моїй сторінці у мене є багато ul. У myBounce.js я використовував наступний код, але він не працює

$(document).ready(function(){
$("ul").effect("bounce");
});

Як я можу створити ефект відмов на ul?

Дякую

Відповіді:

1 для відповіді № 1

Ви повинні використовувати розширений jQuery ui показати Метод для додавання ефекту, коли ви показуєте ваші ul

$( "#id_of_your_ul" ).show( "bounce");

0 для відповіді № 2

Використовуючи ваш html, спробуйте це:

<style type="text/css">
ul li ul {
display: none;
}
</style>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/jquery-ui.min.js"></script>

<script type="text/javascript">
$(document).ready(function () {
$("ul.dropdown > li > a").click(function (e) {
e.preventDefault();
$(this).closest("li").children("ul").show().effect("bounce");
});
});
</script>