複数の要素を選択し、それらにいくつかのプライベート メソッドを適用するプラグインを作成しようとしています (以下のコードを参照)。次に、ユーザーが .activate() 関数を使用して手動でプラグインのメソッドのアクティブ化をトリガーできるようにしたいと考えています。
これが私のコードです:
- マークアップ: https://github.com/simonwalsh/jquery.imagepox/blob/master/demo/index.html
- JS: https://github.com/simonwalsh/jquery.imagepox/blob/master/dist/jquery.imagepox.js
基本的に、複数のアイテムを選択してから、次のように手動アクティベーションを使用しようとすると:
$(".pox-wrapper").imagepox({ // NOTE: selects two elements
manualActivation: true
});
var manual = $(".pox-wrapper").data('imagepox');
setTimeout(function(){
manual.activate();
}, 5000);
activate() メソッドをクエリの最初の要素にのみ適用します...
これは私の最初の jQuery プラグインであり、これまでのところすべてを処理できましたが、これについても、パブリック メソッドを効果的に呼び出す正しい方法であるかどうかもわかりません。また、プラグインでイベント リスナーを使用してカスタム イベントを使用しようとしましたが、それでもページの最初の要素にしかメソッドが適用されません。
前もって感謝します :)