jQuery Mobile中的alert彈框是一個(gè)很常用的 UI 組件,它可以幫助我們?cè)陧?yè)面中提示用戶必要的信息。而且,我們還可以自定義alert的樣式和主題,使其更符合我們的需求。
//默認(rèn)alert樣式 alert("這是一個(gè)默認(rèn)樣式的彈框"); //自定義alert樣式 $.mobile.loading("show", { text: "自定義樣式的alert彈框", textVisible: true, theme: "e", textonly: false, html: "" });
從上面的代碼可以看出,我們可以通過(guò)$.mobile.loading() 方法自定義alert樣式。這個(gè)方法的參數(shù)非常豐富,我們可以根據(jù)自己需求逐個(gè)設(shè)置。例如:
$.mobile.loading("show", { text: "這里是提示文字", textVisible: true, //是否顯示提示文字 theme: "a", //主題色 textonly: false, //是否只顯示文字 textWithCancel: '這里是取消按鈕的提示文字', //取消按鈕的提示文字 textWithOK: '這里是確認(rèn)按鈕的提示文字', //確認(rèn)按鈕的提示文字 clickOverlay: false, //是否在彈框外執(zhí)行點(diǎn)擊事件 onClickCancel: function(){ //取消按鈕的回調(diào)函數(shù) alert('已取消'); }, onClickOK: function(){ //確認(rèn)按鈕的回調(diào)函數(shù) alert('已確認(rèn)'); }, html: "" //彈框內(nèi)容,支持HTML });
通過(guò)自定義alert的樣式和主題,我們可以讓彈框更加與眾不同,讓用戶更加容易理解信息。同時(shí),我們也可以添加按鈕和回調(diào)函數(shù),實(shí)現(xiàn)更加復(fù)雜的業(yè)務(wù)邏輯。希望以上內(nèi)容能夠?yàn)槭褂胘Query Mobile的開(kāi)發(fā)者提供一些幫助。