ダイアログボックスを表示するために、impromptu という jquery プラグインを使用しています。ダイアログの一部として、ボタンを保持する div があります。divは次のように定義されています...
<div class="jqibuttons ">
<button class=" jqibutton jqidefaultbutton " value="1" name="jqi_state0_buttonNext">Next</button>
</div>
div のスタイルは次のように定義されています...
div.jqi .jqibuttons {
background-color: #f4f4f4;
border-radius: 0 0 6px 6px;
border-top: 1px solid #e4e4e4;
margin: 0 -7px -7px;
text-align: right;
}
以下のスクリーンショットのようになります。「ここにエラーメッセージを表示」と言ったところにエラーメッセージを表示したいと思います（左寄せ）。
div 内にエラー メッセージを入れてみましたが、問題が発生しています。エラーの先頭に追加しようとするために使用している関数は次のとおりです...
function addErrorToDialog(error) {
var message = '<span id="messageBox" style="display: block; width:100%"><span class="dialog-error red-text">' + error + '</span></span>';
$("#messageBox").empty();
$('.jqibuttons').prepend(message);
}
私はいくつかの異なることを試しました (display:block の異常なスパンでわかるように) が、希望どおりにメッセージを表示できません。誰かが私が求めているものに近づけるために変更する方法を教えてもらえますか?
以下のスクリーンショットは、私のコードが現在生成しているものを示しています。私が求めているものではありません。
ありがとう
- 編集 - -
前に追加するのではなく追加を使用しようとしましたが、元の投稿のcssでわかるように、text-alignが右に設定されているため、エラーが右側に表示されます。css を更新して、ボタンをその場所にとどめ、エラーメッセージをスパン内で左に揃えるにはどうすればよいですか?
