travelzen.js組件之【彈窗】

彈窗： travelzen.alert

用于在事件發(fā)生后創(chuàng)建彈窗，根據(jù)使用場(chǎng)景決定彈窗的語(yǔ)義及顏色樣式。

實(shí)例：

在事件后調(diào)用travelzen.alert方法，如按鈕的click事件等。

• 必選參數(shù)title：字符串，自定義彈窗的標(biāo)題
• 必選參數(shù)content：字符串，自定義提示信息的內(nèi)容
• 必選參數(shù)type：彈窗的語(yǔ)義類型，"confirm"、"info"、"warn"、"error"，分別用于操作確認(rèn)、信息展示、警告、錯(cuò)誤提示。
• 可選參數(shù)callback：點(diǎn)擊彈窗內(nèi)按鈕后的回調(diào)函數(shù)。

1.html

<button class="submit">
    提交
</button>

2.javascript

$(function(){
    $('.submit').on('click',function(){
        travelzen.alert({
            title: '提示',
            content: '確認(rèn)修改嗎？',
            type: 'confirm',
            callback: function(){
                alert('修改成功！')
            }
        })
    })
})