Question

我刚收到另一个问题的帮助，但我现在看到另一个问题了。我想控制回显此错误消息的位置。我所看到的是，消息在屏幕的最底部回显，而不是我喜欢的地方。如何控制它？

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

Answer 1

只为$（'＃error'）

设置css

例如：

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

Answer 2

使位置绝对

$(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());

Answer 3

另一种选择：给你的错误信息框一个类，然后根据你想要的CSS定位它。

这取决于你希望框出现的。

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

3 个答案: