如何使用JQuery将错误消息放置在需要的位置

我刚刚在另一个问题上得到帮助，但现在看到另一个问题。我想控制此错误消息的回显位置。我看到的是，信息在我屏幕的最底部被回响，而这不是我想要的地方。如何控制它

    var div = $('<div>').attr('id', 'error').html('Cannot Be Blank').hide();
    $(div).addClass('ajax-error');
    $('body').append(div);
    $("#error").fadeIn(2500, function() {
      $(this).fadeOut(300, function() {
        $(this).remove();
      });
    });

var div=$（''）.attr（'id'，'error'）.html（'不能为空'）.hide（）；
$（div.addClass（'ajax-error'）；
$（'body'）。追加（div）；
$（“#错误”）.fadeIn（2500，函数（）{
$（this）.fadeOut（300，function（）{
$（this.remove（）；
});
});

---

根据卡里姆一直告诉我的，这是我想到的，但它不能正常工作。当我刷新屏幕时，我只能得到一条要回显的错误消息，然后它就不能再工作了

    var div = $('<div>').html('Cannot Be Blank');
    $(div).addClass('ajax-error');
    $("#error").append(div).fadeIn(2500, function() {
      $('#error').fadeOut(300, function() {
        $('#error').remove();
      });
    });

var div=$（''）.html（'不能为空'）；
$（div.addClass（'ajax-error'）；
$（“#error”）.append（div）.fadeIn（2500，function（）{
$（'#error'）.fadeOut（300，function（）{
$（“#错误”）.remove（）；
});
});

另一个选项：为错误消息框提供一个类，并使用CSS将其定位到您想要的位置

这取决于您希望框显示的位置。

只需将css设置为$（“#error”）

例如：

$('#error').css({'position':'absolute','bottom':'0px;});

---

使位置绝对化

$(div).addClass('ajax-error')
      .css('position', 'absolute')
      .css('left', '30px')
      .css('right', '50px');

如果可以处理事件，则可以使用元素的位置：

  offset = element.offset();
  $(div).css('position', 'absolute')
        .css('left', offset.left)
        .css('top', offset.top - element.outerHeight());

---

这很容易。你的错误信息就在里面，你只需要给那个div加上css样式（你也可以根据需要格式化错误文本，比如颜色、字体系列、字体大小）slobodan，我刚刚试过，但什么都没发生。你能告诉我在我的代码中放在哪里吗？试试这个：var div=$（''）.attr（'id'，'error'）.css（{'position'：'absolute'，'bottom'：'0px；}）.html（'不能为空'）.hide（）；