解决updatepanel与jquerymobile的select不兼容的情况

公司最近开发个webapp,自己第一次做,就用了jquerymobile(一下简称jqm)这个框架,的确好用,但碰到了一个问题,用updatepanel做一个2级下来菜单,该菜单使用了data-native-menu="false"这个样式,点击下拉菜单局部刷新后jqm的样式就失效了,百度一下,解决方法还挺多,本以为就这么轻松解决了,但远远没有这么简单....

百度搜到的解决方案基本是在body的onload事件里添加一个函数,该函数的作用是处理异步刷新之后的事件,代码如下:

function load() {
            Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);
        }


        function EndRequestHandler() {
            var _controlSel = $('#<% =your_control.ClientID%>');
            _controlSel[0].selectedIndex = 0;
            _controlSel .selectmenu("refresh", true);
        }

然后再body的onload事件绑定该函数,试了之后完全没有效果,再次百度,原来还需要加两句

$.mobile.pageContainer.trigger("create");
_controlSel .selectmenu();//这句必须加在_controlSel .selectmenu("refresh", true)前面

太棒了,jqm的效果出来了,安心的喝口咖啡,等等,这下拉菜单的内容不对啊,还是显示页面初始化时候的内容啊,百度google一起上都没有找到任何的解决方案,自己研究了一下午(技术是在是菜),终于解决了,只需要添加一句代码:

$("#<% =your_control.ClientID%>-listbox-popup").remove();

研究生成的页面发觉这个由jqm生成的下拉菜单节点没有自动更新内容,删除他就OK了(jqm会自动帮生成正确的下拉菜单节点)