组件调用方式

组件可通过以下两种方式调用，你可以选择其中一种方式使用TopJUI组件

1、通过HTML标签调用

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

例如调用模态对话框组件，HTML代码为：

1	<div data-toggle="topjui-dialog" data-options="width:400,height:300"></div>

 

2、通过JS API调用

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

例如调用模态对话框组件，HTML代码为：

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

 

JS代码为：

1	<script>$('#dialog').iDialog({width:400,height:300});</script>