/ / ul - jquery、jquery-uiでバウンス効果を作り出す方法

ul-jquery、jquery-uiでバウンス効果を作り出す方法

私はメニューがあるページを使用しています。メニュー(マウスのホバーまたはマウスの移動)を選択するとドロップダウンulが表示されます。ここにコードがあります

<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が現れたら、それがバウンス効果で現れることを望む。私は私のページに多くのulを持っています。 myBounce.jsでは次のコードを使用しましたが、動作しません

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

ulにバウンス効果を作りたいのですが?

ありがとう

回答:

回答№1は1

あなたは先進のjQuery UIを使うべきです ショー あなたのulを表示するときに効果を加える方法

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

回答№2の場合は0

あなたの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>