这个只是改变data-icon属性是不行的
你要做的是。改变渲染之后的代码。
你要知道。之所以会有图标是因为jquery mobile把渲染后的html代码加入了class。而class就是通过
css sprint 把图标图片附加在页面上的。如果你在页面已经渲染完成后。
想要改变图标图片。就必须要动态改变class
你可以通过firebug等前端调试工具。
查看渲染后的html代码。看是哪个class跟图标图片相关
然后根据文档,或者自己去jquery mobile的css样式里去找。
在程序里动态的$("#outBoxPrePage").removeClass('原来的class').addClass('新class‘);
$("#outBoxPrePage").attr("data-icon","新的icon值");
$("#outBoxNextPage").attr("data-icon","新的icon值");
jQuery.mobile.activePage.find('a[data-icon=minus]').attr('data-icon','home').trigger('create').find('.ui-icon').removeClass('ui-icon-minus').addClass('ui-icon-home')
假设你的 icon 原来是 minus,除了改了 data-icon 之外,还得改里面的 ui-icon 元素的 ui-icon-xxxx 值。