在做移動應用項目時遇到的問題,完成某些操作後返回到前面頁面要保證前面頁面的標籤內容不可被編輯,修改。
①對於input,select框,設置disabled=’disabled’。
如:$('#testid1 input').attr('disabled','disabled');
$('#testid2 select').attr('disabled','disabled');
②對於一些點擊觸發事件的button,可以用unbind()移除事件方法。
如:$(".testclass3").unbind();
注:在某些情況下unbind慎用,如頁面初始化時調用click事件加載其他事件屬性,unbind()可能會導致初始化時無法加載。
③插件禁用,有些頁面可能使用某些插件,對於插件的禁用,可以設置插件的事件方法return false;
如:$("#test #test4").on("touchmove",function(){
return false;
});
這個是我們項目一個滑動插件觸摸禁用的例子。
④對於一些比較特殊的,如li標籤,可以使用class樣式進行處理。
這是一個兩個li標籤切換禁用的例子。
例:$("#test_li").addClass('disabledTab');
同時添加class樣式:
.disabledTab{
pointer-events: none;//這樣鼠標或觸摸就無法選中li標籤
}