我想要的是，鼠標都離開之后第一個Li還是在顯示狀態<!DOCTYPE?html>
<html>
<head>
????<title>使用$.extend()擴展工具函數</title>
????<script?src="http://www.xianlaiwan.cn/data/jquery-1.8.2.min.js"?type="text/javascript"></script>
????<style>
????????li,ul{list-style:none;}
????????a{width:100%;float:left;}
????????.a?ul{?display:none}
????</style>
</head>
<body>
???<ul?id="a">
???
???<li?class="a">
????<a?class="b"?href="1">1</a>
????<ul>
?????<li>11</li>????
????</ul>???
???</li>
???
???<li?class="a">
????<a?class="b"?href="2">2</a>
????<ul>
?????<li>22</li>????
????</ul>???
???</li>
???
???</ul>
????<script?type="text/javascript">
???????
????????;?(function?($)?{
????????????$.fn.extend({
????????????????"change":?function?(col,cola)?{
???????????????????var?$a=$("a").next();
???????????????????$a.eq(0).show();
???????????????????$(this).find("a").bind("mouseover",function(){
???????????????????????$(this).css('background',col);
???????????????????????$(this).next().show();
???????????????????});
?????????????????????$(this).find("a").bind("mouseout",function(){
???????????????????????$(this).css("background",cola);
???????????????????????$(this).next().hide();
???????????????????});
???????????????????
????????????????}
????????????});
????????})(jQuery);
????????$(function?()?{
????????????$("#a").change("yellow","white");
????????});
????</script>
</body>
</html>
jq插件問題，一開始第一個li顯示，之后鼠標移過之后，第一個li也跟著隱藏了
sikey
2014-11-02 17:50:25