自动对焦不适用于Magnific Popup

时间:2015-11-27 07:27:07

标签: jquery html html5 popup magnific-popup

我正在使用' Magnific Popup'用于在我的网页上显示弹出窗口的插件。我需要在弹出窗口打开时自动对焦于textarea。这使用户无需使用鼠标即可在其中键入内容。

我尝试过HTML5自动对焦标记

<textarea name="textarea" id="textareaRemarks" autofocus>
</textarea>

和jQuery方式

$('#textareaRemarks').focus();

两者都发现不起作用。现在,用户不仅要点击,还要安排插入点&#39;通常使用箭头键到初始位置。如何在Magnific Popup上启用自动对焦?

Code I用于启用Magnific Popup:

$('#textareaRemarks').focus();
$(function () {
    $('.popup-modal').magnificPopup({
        type: 'inline',
        preloader: false,
        focus: '#textareaRemarks',
        modal: true,
    });
    $(document).on('click', '.popup-modal-dismiss', function (e) {
        e.preventDefault();
        $.magnificPopup.close();
    });
});

0 个答案:

没有答案