好吧,事实上我不知道怎么定标题。我先描述下现象。
在使用jqueryMobile过程中遇到了这样的问题,就是$('document').ready(function(){});
就是当页面完成之后,触发的事件,然而这个在jqueryMobile中是问题多多的,呵呵,说一下原因,jqueryMobile默认使用Ajax方式请求页面,请求完成后,使用js进行相关操作,也就是说就是你浏览了很多次,但是$('document').ready(function(){});只触发了一次,也就是说,在你访问的第一次,然后就是js操作了。
这个问题好久不知道怎么解决,百度不到,,,⊙﹏⊙b汗,只好用Google,http://stackoverflow.com/questions/5622581/jquery-mobile-document-ready-equivalent 这个事我Google到的,大家可以看下原文。
$("div[data-role='page']").live('pageshow',function(event,ui){
_search = $("#search");
_url="__URL__/autoComplate"+_search.val();
_search.autocomplete(_url,{
'width':'200%',
'formatItem':function(data, i, n, value){
return "["+i+"/"+n+"](^_^)"+value;
}
});
//高亮当前menu
// $("#goodsNav").addClass("ui-btn-active");
});
方法就是这个 绑定data-role=page 的pageshow方法,也就是在每个页面显示的时候触发事件。
这就相当于正常页面的$('document').ready(function(){});方法。
好了夜深了,该睡觉了,明天还有课,明天哦不是今天,是女朋友的生日,祝她生日快乐,宝贝爱你,forever。