OOUI/要素
< OOUI
OOUI[1] ライブラリの最も基本的なコンポーネントは、要素 (OO.ui.Element
) と呼ばれます。これは、DOM[2] — でのレンダリングを表すオブジェクトです。例えば、ボタン、アイコンなど、利用者に表示されるすべてのものです。
ウィジェットとは異なり、従来のプレーン要素は通常、イベントに関連付けられておらず、操作できません。
すべての OOUI 要素には $element
プロパティがあります。これは、レンダリングされたコンテンツの jQuery 選択です。
OOUI は、DOM 要素の jQuery 選択を参照するすべての変数とプロパティの名前に $
接頭辞を使用することに注意してください。
$element
プロパティは非常に便利で、例えば OOUI ウィジェットを作成して DOM に追加する際に使用されます。
例
// Create a <div></div> element object with the text “Sample Text“ and CSS class `sample`.
var e = new OO.ui.Element( {
text: 'Sample Text',
classes: [ 'sample' ]
} );
// Append the element to the DOM.
$( 'body' ).append( e.$element );
結果の HTML は以下のようになります:
<body>
<div class="sample">Sample Text</div>
</body>
要素
- Draggable
- Draggable/en
- Draggable/fr
- Draggable/hu
- Draggable/ja
- Draggable/nan
- Draggable/nl
- Draggable/pl
- Flagged
- Flagged/en
- Flagged/fr
- Flagged/hu
- Flagged/nan
- Flagged/nl
- Groups
- Groups/en
- Groups/fr
- Groups/hu
- Groups/ja
- Groups/nl
- Lookup
- Lookup/en
- Lookup/en-gb
- Lookup/fr
- Lookup/hu
- Lookup/ja
- Lookup/nl
- de
- en
- fr
- hu
- id
- ja
- nl
- pl
- ru
References
OOUI は the Design System Team によって保守されています。
ヘルプを得る:
|