组件调用方式

组件可通过以下两种方式调用，你可以选择其中一种方式使用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>

转载于:https://www.cnblogs.com/Jeely/p/11269736.html