1. 程式人生 > >關於建立mui遮罩 以及點選遮罩 關閉 及上面的div

關於建立mui遮罩 以及點選遮罩 關閉 及上面的div

//建立遮罩層

var mask = mui.createMask(function () {//遮罩層callback事件

return true;//返回true關閉mask

});

/*點選關閉彈窗 -1*/

function optionListClose() {

$('#optionListopen').click(function () {

mask.show();

$('#optionHint').show();

});

/*$('#optionListclose').click(function () {

$('#optionHint').hide();

mask.close();

$(".mui-backdrop.mui-active").css("opacity", "0");

});*/

//注意啦 這裡的click是沒有用的 必須要用 on(“click” ,“點選的名稱”)

$(document).on("click", ".mui-backdrop,#optionListclose", function () {

$('#optionHint').hide();

mask.close();

$(".mui-backdrop.mui-active").css("opacity", "0");

})

}