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

通过脚本自定义属性传递配置参数的方法
刚刚开始正式的职业生涯。最近几天,我为公司做了一个统一的负责人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(选项);
通过这种方式,函数只使用一个标记实现,而配置更改只需要更改脚本自定义属性。
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部