Acabei de iniciar minha carreira oficial e tenho feito a manchete unificada JS para a empresa nos últimos dias. Eu criei um método para passar os parâmetros de configuração por meio de atributos personalizados do script.
Às vezes, escrevemos um plug -in JS. Para usar este plug -in, precisamos primeiro apresentar o plug -in JS no HTML e adicionar uma tag de script e chamá -la. Como um plug -in de chave de imagem. O código é aproximadamente o seguinte:
$ .fn.picswitch = function (opção) {// aqui está o código para comutação de imagem}Depois de introduzir esse plug-in, você precisa adicionar o código de chamada a outra tag de script.
$ ('#pic').É claro que não há problema com isso, mas às vezes não queremos adicionar mais tags de script. Se apenas introduzirmos tags de script, como passar os parâmetros de configuração?
No momento, podemos usar as propriedades personalizadas no script para passar os parâmetros de configuração. Antes disso, você deve primeiro processar o plug-in de comutação de imagem. O código modificado é o seguinte:
$ .fn.picswitch = function () {// Aqui está o código para comutação de imagem};// Ligue para o plug -in depois de escrevê -lo e ligue diretamente
$ ('Aqui está o seletor, você precisa obtê -lo na tag de script').
Em seguida, passe os parâmetros no script e faça referência ao plug -in JS da seguinte maneira na página HTML.
<Head> <script src = '/script/picswitch.js' id = 'picswitch' obj = '#pic' option = '{"speed": "400", "DeRection": "Left"}'> </cript> </head> <body> <div id = "pic" // Esta é a estrutura específicaFinalmente, modifique o plugin para:
$ .fn.picswitch = function () {// Este é o código para comutação de imagem}; // Após gravar o plug-in, ligue para var script = $ ('#picswitch'), // idSelector no tag = script.attr ('Selector'), opção = json o tag (script.attr ('option'); $ (seletor) .picswitch (opção);Dessa forma, a função é realizada com apenas uma tag e as alterações de configuração exigem apenas a alteração das propriedades personalizadas do script.