<ul id="Menu">
<li title="1"><a>管理片区</a></li>
</ul>juqery:$(function(){
$("#Menu li").hover(
function(){
id=$(this).attr("title")
li=$(this)
ul=$(this).children("ul");
$.get("OrganizeCity-model-get.php",{id:id},function(data){li.append(data);})
$(this).children("a").stop(true,true).animate({"backgroundColor":"#111"}).end().siblings("a").animate({"backgroundColor":"#333"});
$(this).children("ul").stop(true,true).fadeIn(300);
},
function(){
$(this).children("ul").stop(true,true).fadeOut(300);
$(this).children("a").stop(true,true).animate({"backgroundColor":"#333"});
})
})为什么第一次hover不显示返回的data ,要再次触发事件才能显示呢?如何改进?
<li title="1"><a>管理片区</a></li>
</ul>juqery:$(function(){
$("#Menu li").hover(
function(){
id=$(this).attr("title")
li=$(this)
ul=$(this).children("ul");
$.get("OrganizeCity-model-get.php",{id:id},function(data){li.append(data);})
$(this).children("a").stop(true,true).animate({"backgroundColor":"#111"}).end().siblings("a").animate({"backgroundColor":"#333"});
$(this).children("ul").stop(true,true).fadeIn(300);
},
function(){
$(this).children("ul").stop(true,true).fadeOut(300);
$(this).children("a").stop(true,true).animate({"backgroundColor":"#333"});
})
})为什么第一次hover不显示返回的data ,要再次触发事件才能显示呢?如何改进?
OrganizeCity-model-get.php 超过30秒?
chrome右键审查元素->network,找到 OrganizeCity-model-get.php 查看一下。
alert("sf");
$(this).children("a").stop(true,true).animate({"backgroundColor":"#111"}).end().siblings("a").anim放置一个 alert("sf");看看第一次是不是弹出。有可能是异步请求导致的,改成同步的
$.ajax({
url : 'your url',
data:{name:value},
cache : false,
async : false,
type : "POST",
dataType : 'json/xml/html',
success : function (result){
do something....
}
});
求推荐学习jquery的好办法好书籍。。