0

Javascript から SimpleModal ダイアログを呼び出す必要があります ...

http://www.ericmmartin.com/projects/simplemodal-demos/にあるダウンロード可能な「Confirm Override」デモについて言及しています。

私が使用する場合...

<input type='button' name='confirm' class='confirm' value='Demo'/>

...すべて正常に動作します。しかし、代わりに使用すると...

<script type="text/javascript">
  $('#confirm').modal();
</script>

...「確認」DIV のテキスト コンテンツは表示されますが、CSS フォーマットはありません。

どうしたの？あなたの助けは非常に高く評価されています。

----------------------- 編集済み -------------------------- ----

自分の質問に答える...ジョー、正しい方向に向けてくれてありがとう...

元のCSSにはこのような定義が含まれています...

#confirm {display:none;}

#confirm-overlay {background-color:#eee; cursor:wait;}

#confirm-container {height:140px; width:420px; ...}

どうやら #confirm-overlay と #confirm-container は、SimpleModal が最初のメソッドによって呼び出されている場合にのみ使用されています。

すべてのフォーマットを #confirm に入れると、JavaScript で問題なく動作するようです。

#confirm {display:none; background-color:#eee; cursor:wait; height:140px; width:420px; ... }
4

1 に答える 1

0

試す

...
$('#confirm').addClass('confirm').modal();
...

または、CSS を追加するだけです

#confirm{[style];}

適用されるクラスに依存するのではなく、ID によって要素をスタイリングするようにします。または、単純に、HTML でクラスを適用します。

于 2012-04-12T15:59:18.040 に答える