私は、アプリケーションとのユーザーのやりとりに基づいてDOMに動的に追加される要素に対して、いくつかのイベントとスタイルを定義しようとしています。私はlive()
メソッドをイベントに使うことができますが、live()
メソッドを使って、以下のようなスタイルとより具体的なルールを適用する方法を理解することはできません。動的に追加されたDOM要素のスタイルとイベントの定義
0
A
答えて
0
概念は、buttonCreatedEventというカスタムイベントを作成することです。ボタンが作成された場合(trigger()関数を使用して)イベントがトリガーされます。 live()を使用してイベントをバインドできます。 live()のコールバック関数では、jqueryuiボタンを作成するようスクリプトに指示できます。
0
より良い方法は、javascriptではなくcssを使用することです。この方法では、動的に追加するものは自動的に正しいスタイルになります。
0
$('a').addClass('mycoolclass')
http://api.jquery.com/addClass/
.mycoolclass {
display:block;
border: solid 1px black;
padding:10px;
background: #CCC;
color: black;
text-decoration: none;
}
これは黒と白のカスタムボタンか何かのようにすべてのあなたのAの外観になるだろう。
+0
さらに、「ライブ」を適用する際に問題が発生しているというご質問に気付きました。 – Techism
関連する問題
- 1. 動的に追加された要素のjQuery処理イベント
- 2. 動的に追加された要素にイベントをバインドする
- 3. 追加された要素のスタイル
- 4. 動的に追加された要素とマスク入力プラグインのイベントの順序
- 5. dojoで動的に追加されたDOM要素にイベントを接続する際の問題
- 6. 動的に生成された要素にイベントを追加する
- 7. jQueryで動的に追加されたdiv要素へのアクセス
- 8. 動的に追加された要素のjquery qtip
- 9. DOMを使用して作成された要素の設定のスタイルDOM
- 10. クリック機能をDOM要素に動的に追加する
- 11. DOM作成された要素に数値を追加する
- 12. 動的パネル要素の追加とスクロールバー
- 13. jQueryUIドラッグ可能:動的に追加された要素
- 14. 動的に追加された要素でslideToggle()を使用
- 15. 動的に追加されたテンプレート要素にクラスを追加する
- 16. 動的にロードできるDOM要素へのイベントのバインド
- 17. jQueryにツールチップを追加すると、動的に作成された要素
- 18. 動的に作成された要素にjQueryが追加されない
- 19. 動的にソーシャルエンジンのフォーム特定のフォーム要素の要素追加onchange
- 20. イベントでjQuery経由で要素にスタイルを追加する
- 21. web.list.Columnのサブクラスに作成されたDOM要素にコールバックを追加します。
- 22. DOMにキャンバス要素を追加する
- 23. フォーム要素を動的に追加
- 24. ネイティブに反応する - 動的に要素をDOMに追加ボタンを押す
- 25. 動的に追加されたフォームの要素を選択する
- 26. 動的に追加されたSELECT要素は、Internet Explorerでonchangeイベントを発生させません
- 27. 動的に追加されたコントロールにイベントを追加します。
- 28. 動的に追加されたJQueryがCSSスタイルを失う(しない)CSSスタイル
- 29. 追加された各要素のjQuery
- 30. 動的に作成された要素にカスタムトリガーを追加する
これはあなたの質問にお答えします:http://stackoverflow.com/questions/3028912/ – JohnP