刚刚开始正式的职业生涯。最近几天,我为
公司做了一个统一的负责人JS。我考虑了一种通过
脚本自定义
属性传递
配置参数的
方法。
有时候我们写js
插件。如果我们想使用这个插件,我们需要引入HTML第一插件js,然后添加一个script标签中调用它。如
图片切换plug-in.the代码如下:
美元。fn.picswitch =
功能(可选){
下面是代码
转换的图片。
}
在重新引入插件后,需要将调用代码添加到其他脚本标记中。
$(# pic)。PicSwitch({
速度:f'400,
方向:右
下面是配置…
})
当然,没有问题,但有时我们不想添加更多的脚本标记。如果我们只引入脚本标记,我们如何做到这一点我们如何传递配置参数
此时,我们可以使用脚本上的自定义属性传递配置参数。在此之前,将
处理图片切换插件:
美元。fn.picswitch =
函数(){
下面是代码转换的图片。
};
这个插件直接在调用之后。
$(是一个选择,你需要得到的)。在脚本标签PicSwitch(这是配置参数,你需要在脚本标签);
下一步是传递脚本上的参数,并在HTML页面中引用js插件。
下面是特定的结构
最后,
修改插件。
美元。fn.picswitch =函数(){
下面是代码转换的图片。
};
这个插件直接在调用之后。
VaR(#脚本=美元picswitch),身份证 / /标签
选择= script.attr('selector),
选择= JSON.parse(script.attr('option')); / /标签上是串入一个JSON对象
$(选择器)。PicSwitch(
选项);
通过这种方式,函数只使用一个标记实现,而配置更改只需要更改脚本自定义属性。