js裡利用mui元件實現 自定義彈窗動畫

2022-06-10 15:45:09 字數 1956 閱讀 1468

//首先呼叫mui裡面的類

//在彈窗裡 插入

1<

div

id="_tan"

class

="box mui-popover mui-popover-action mui-popover-bottom"

>

2<

img

src="../img/find/_lantw.png"

id="tw"

style

="float:left;"

/>

3<

img

src="../img/find/_huangkj.png"

id="kj"

style

="float:right;"

/>

4div

>

mui('body').on('tap', '.mui-popup-backdrop', function() );

步驟:1.引入 mui.css或者mui.min.css  和   引入 mui.min.js或者mui.js

2. 簡單的寫乙個a標籤和乙個div  設定引入mui類,其他東西在div裡自定義即可

**裡的一些小的解釋:

.on(enent,selector,hander)  :實現批量元素的事件繫結

event: 需要監聽的事件名稱,如『tap』(type:string)

selector:選擇器(type:string

handler:事件觸發時的**函式(type:function(event))

使用on()方法繫結事件後,若希望取消繫結,則可以使用off()方法。

off()事件取消根據傳入引數的不同,有不同的實現邏輯。

(1)、.off( event , selector , handler )

event:type: string,需取消繫結的事件名稱,例如:'tap'

selector:type: string,選擇器

handler:type: function,之前繫結到該元素上的事件函式,不支援匿名函式

(2)、.off( event , selector)

event:type: string,需取消繫結的事件名稱,例如:'tap'

selector:type: string,選擇器

(3)、 .off( event )

event:type: string,需取消繫結的事件名稱,例如:'tap'

(4)、 .off( )

空引數,刪除該元素上所有事件

.trigger( element , event , data )  :可以動態觸發特定dom元素上的事件,實現事件的觸發

element:觸發事件的dom元素(type:element)

event:事件名字,如:『tag』、『swipeleft』(type:string)

data:需要傳遞給事件的業務引數(type:object)

單個元素上的事件監聽,直接使用addeventlistener()即可,如下:

elem.addeventlistener("swipeleft",function());

若多個元素執行相同邏輯,則建議使用事件繫結(on())。

事件跳轉方法:

1.mui.openwindow(); })

2.

mui自定義事件例項

新增自定義事件監聽操作和標準js事件監聽類似,可直接通過window物件新增,如下 window.addeventlistener customevent function event 觸發自定義事件 傳參頁面應用 通過mui.fire 方法可觸發目標視窗的自定義事件 引數target type w...

自定義元件

myedittext 清除輸入的資料 setcompunddrawable 設定edittext ontouchevent ondraw 作用 繪製view顯示的內容,由系統自動呼叫 常用類 paint,canvas invalidate,postinvalidate 貪吃蛇原理 改變集合中的資料,...

自定義元件

自定義控制項 1.抽取layout如 list item home.xml 2.寫乙個類繼承1中的layout,實現父類 相對布局 的構造方法 3.使用 自定義控制項的屬性 1.布局檔案裡自定義乙個命名空間 xmlns my 2.在res的values目錄下描述自定義屬性的檔案 3.在布局檔案裡寫你...