Question

    Div tag in jsp : <div class="okStatusText" id="message"></div>

    code in ajax call:
           if ("SUCCESS" ==result) {
    document.getElementById("message").innerHTML = "Data saved successfully";
     }

我在页面顶部显示此消息，并且我希望在显示该消息时关注此消息。

Answer 1

在focus()上应用div没有任何意义。只需执行

即可将input等元素设为focus

$('input').focus();

这只是一个例子。在您的情况下，如果您想要专注或实际意义，您想要突出显示该消息，您只需更改background-color或color。

 $("#message").html("Data saved successfully").css({'background-color':'blue'});

或

 $("#message").html("Data saved successfully").css('color','blue');

如果您希望用户直接看到该消息而不向上滚动，请尝试使用

   $('html,body').animate({
        scrollTop: $(this).offset().top - 50
   },1000);

值50可以是varibale，具体取决于您要滚动的高度。您可以将此值更改为任何值，并检查它适合您的条件的值。完成此操作后，您可以将css应用于您的邮件，使其看起来更加明显。

希望这次我有所帮助。

谢谢！

关注ajax调用后div中显示的成功消息

1 个答案: