组件调用方式

组件可通过以下两种方式调用,你可以选择其中一种方式使用TopJUI组件
1、通过HTML标签调用

大部分场景下,你可以使用HTML标签的方式调用组件,此方式不需要写JS代码,即在HTML元素中增加属性data-toggle="组件名称"的方式调用,参数通过属性data-options="参数名1:参数值1,参数名2:参数值2"的方式传递即可。

例如调用模态对话框组件,HTML代码为:

1
<div data-toggle="topjui-dialog" data-options="400,height:300"></div>
2、通过JS API调用

对于有特殊功能需求的场景,你也可以通过JS API的方式调用,调用方式为$('ID或样式').组件名称(参数对象)。

例如调用模态对话框组件,HTML代码为:

1
<div id="dialog"></div>

JS代码为:

1
<script>$('#dialog').iDialog({400,height:300});</script>
原文地址:https://www.cnblogs.com/Jeely/p/11269736.html