通过脚本自定义属性传递配置参数的方法

刚刚开始正式的职业生涯。最近几天,我为公司做了一个统一的负责人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(选项);


通过这种方式,函数只使用一个标记实现,而配置更改只需要更改脚本自定义属性。