私は公式のキャリアを始めたばかりで、最近の会社のために統一された見出しJSをやっています。スクリプトのカスタム属性を介して構成パラメーターを渡す方法を思いつきました。
JSプラグインを書くことがあります。このプラグインを使用するには、最初にHTMLにプラグインJSを導入し、次にスクリプトタグを追加して呼び出す必要があります。 Picture Switchプラグインなど。コードはほぼ次のとおりです。
$ .fn.picswitch = function(option){//これが画像切り替えのコードです}このプラグインを導入した後、コールコードを別のスクリプトタグに追加する必要があります。
$( '#pic')。picswitch({'speed': '400'、 'derection': 'left' // ...これが構成です})もちろん、これには問題はありませんが、スクリプトタグを追加したくない場合もあります。スクリプトタグのみを導入する場合、構成パラメーターを渡す方法は?
現時点では、スクリプトのカスタムプロパティを使用して、構成パラメーターを渡すことができます。この前に、最初に画像の切り替えプラグインを処理する必要があります。変更されたコードは次のとおりです。
$ .fn.picswitch = function(){//これが画像切り替えのコードです};//書いた後にプラグインに電話して直接呼び出す
$( 'ここにセレクターがあります。スクリプトタグで取得する必要があります')
次に、スクリプトのパラメーターを渡し、HTMLページで次のようにJSプラグインを参照します。
<head> <script src = '/script/picswitch.js' id = 'picswitch' obj = '#pic' option = '{"speed": "400"、 "delection": "left"}'> </head> <body> <div id = "pic"> //これは特定の構造<最後に、プラグインを以下に変更します。
$ .fn.picswitch = function(){//これは画像切り替えのコードです}; //プラグインを書き留めた後、var script = $( '#picswitch')、// idselector on the tag = script.attr( 'selector')、option = json.parse( 'option'); $(selector).picswitch(option);このようにして、関数は1つのタグのみで実現され、構成の変更はスクリプトカスタムプロパティを変更する必要があります。