1

この絶対的な初心者の質問でごめんなさい。私はこのMooToolsプラグインでタブを実装しようとしています：http： //mootools.net/forge/p/simple_tab_pane

コンストラクターの構文は次のとおりです。

var myTabPane = new TabPane('tabs', { 
    tabSelector: 'li', 
    contentSelector: 'p' 
});

ここで、「tabs」はコンテナのCSSIDです。

ここで、コンテナにクラスを使用したいのですが、「。tabs」は機能しません。これの正しい構文は何でしょうか？そして、たとえばすべてのdiv-Elementに対処するにはどうすればよいですか？

4

1 に答える 1

4

まず最初に-期待されること：

https://github.com/akaIDIOT/MooTools-TabPane/blob/master/Source/TabPane.js#L44

彼は引数が要素IDまたは実際の要素であることを期待しています。その要素にどのように到達するかはあなた次第です。

var myTabPane = new TabPane(document.getElement('.tabs'), { 
    tabSelector: 'li', 
    contentSelector: 'p' 
});

のクラス検索に基づいて見つかった要素を渡します.tabs。

または、クラスにinitializeメソッドを再実装して、次のように行を記述します。

this.container = document.getElement(container);
this.container.getElements(this.options.contentSelector).setStyle('display', 'none');

したがって、selectorのようなjqueryを渡すことができます：new TabPane('#someid')またはnew TabPane('div.someclass')

TabPane.implement({ initialize: fn(){... })のようなサブクラスを実行または実行することで、リファクタリングしvar myTabs = new Class({extends: TabPane, initialize: fn(){ ... })ます。拡張するthis.parent()と、プロトタイプに対して親メソッドが呼び出されます。

于 2012-12-13T20:11:32.570 に答える