按钮窗格中显示错误所需的jquery即兴帮助

Question

我正在使用一个名为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;
}

看起来像下面的屏幕截图。我想显示一条错误消息，我已经说过＆＃34;在这里显示错误消息＆＃34; （左边）。

我已经在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);          
}

我已经完成了一些不同的事情（正如你可以通过显示器看到的不寻常的跨度：阻止）但我可以按照我的意愿来显示消息。有人可以帮我解决一下如何修改以便更接近我之后的事情吗？

下面的屏幕截图显示了我的代码当前生成的内容。不是我之后的事。

感谢

- EDIT ---

尝试使用append而不是prepend，但错误出现在右侧，因为正如您在原始帖子中看到的那样，text-align设置为正确。我如何更新css以使按钮保持原样但是在一个范围内得到错误消息左对齐？

Answer 1

消息显示在按钮上方，因为您在$('.jqibuttons').prepend(message);

中使用前置

而是使用.append(message)与消息“在此处显示错误消息”的类。如同，代码是

<div class='errorMsg'>Show Error Message Here</div>
$(".errorMsg").append(message);