ic dialog指令 - Julienedies/brick GitHub Wiki

##使用

<button class="btn btn-md" ic-dialog-href="a">点击弹出对话框</button>
<div class="dialog" ic-dialog="a" style="width:480px;">
    <button class="btn btn-close" ic-role-dialog-close>X</button>
    <br/>
    <br/>
    <p>内容</p>
    <br/>
    <br/>
    <button class="btn btn-1" ic-role-dialog-confirm>确定</button>
    <button class="btn btn-1" ic-role-dialog-cancel>取消</button>
</div>

查看example

##相关选项

ic-dialog #定义所属dom元素为一个dialog，绑定相关dialog行为。

##相关dom元素选项

ic-dialog-href #定义所属dom元素点击后会打开相对应的dialog。
ic-role-dialog-close #定义所属dom元素为dialog关闭按钮。
ic-role-dialog-confirm #定义所属dom元素为dialog确认按钮。
ic-role-dialog-cancel #定义所属dom元素为dialog取消按钮。

##js接口

//opt可选；opt未定义或opt==true，dialog会显示；opt==false，dialog关闭
$('[ic-dialog=a]').icDialog(opt);

##事件

当一个dialog显示的时候会触发ic-dialog.show事件。
当一个dialog关闭的时候会触发ic-dialog.close事件。

$('[ic-dialog=a]').on('ic-dialog.close',function(e, msg){
      //msg对应关闭方式，1=>confirm  0=>cancel or close
      console.log(msg);
});

##样式无。

ic dialog指令 - Julienedies/brick GitHub Wiki

⚠️ **GitHub.com Fallback** ⚠️

⚠️ GitHub.com Fallback ⚠️