组件调用方式

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

HTML标签方式

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

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

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

JS API方式

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

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

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

JS代码为：

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