Установить фокус на текстовое поле в AJAX POPUP Загрузить

Question

На моем сайте окно входа в систему открывается как POPUP с использованием вызова AJAX. см ниже захват экрана:

$('#hrefLogin').click(function() { 
    var url = $('#divLogin').data('request-path'); 

    $.ajax({ 
     url: url, 
     type: 'GET', 
     success: function (data) { 
      ////Render the partial view HTML returned by the action method 
      $("#divLogin").html(data); 

      $.fancybox({ 
       href: "#divLogin", 
       'maxWidth': 420, // set the width 
       'minHeight': 400, 
       'maxHeight': 400, 
       'height':'auto', 
       'autoSize': false     
      }); 

      $.fancybox.update(); 

      ////Reparse html data to enable MVC data annotation work. 
      $('form').removeData('validator'); 
      $('form').removeData('unobtrusiveValidation'); 
      $.validator.unobtrusive.parse('form'); 
     } 
    }); 
}); 

Войти окна имеют два поля ввода имени и пароля. Когда всплывающее окно открывается, мне нужно сфокусироваться на поле UserName.

Большое спасибо,

С уважением, Lalitha

Answer 1

Я хочу завершить свой комментарий здесь, на мой полный ответ.

Я вижу, что вы используете fancybox, so I looked at it и видели, что есть возможность сделать что-то после завершения всплывающего окна.

так you'r будет иметь что-то подобное в you'r коды:

$("#divLogin").html(data); 

$.fancybox({ 
    href: "#divLogin", 
    'maxWidth': 420, // set the width 
    'minHeight': 400, 
    'maxHeight': 400, 
    'height':'auto', 
    'autoSize': false, 
    onComplete : function(){ 
     $(".username").focus(); 
    };     
}); 

$.fancybox.update(); 

так, фокус был обновлен после всплывающего отображения содержимого успешно.

удачи и получайте удовольствие.