jquery - Chrome 表单输入不起作用

Question

这个问题让我完全困惑。Chrome 不允许我在我的服务器运行的 Fancybox 内编辑表单字段或单击按钮。光标甚至不闪烁。在我的笔记本电脑上，灯箱右上角的“X”图标在那里，但是当我在妈妈的笔记本电脑上测试它时它没有出现。我有最新的 FancyBox 版本并且正在使用 Jquery 1.9.1。

但是，如果我将JsFiddle用于我的代码，那么它可以工作。我发现如果我调整浏览器窗口的大小，则会显示信息。

这是表单的 HTML：

<div style="display:none">
    <form id="question_form" method="post" action="">
        <p>Please enter your correct information so we can help you.</p>
        <p>
            <label for="fname">First Name:</label>
            <input type="text" id="fname" name="fname" size="30">
        </p>
        <p>
            <label for="lname">Last Name:</label>
            <input type="text" id="lname" name="lname" size="30">
        </p>
        <p>
            <label for="qmessage">Message:</label>
            <textarea id="qmessage"></textarea>
        </p>
        <p style="text-align: center;">
            <input type="submit" value="Submit">
        </p>
    </form>
</div>

还有我的 Javascript：

$(document).ready(function () {
    $("#question_form_link").fancybox({
        'scrolling': 'no',
        'titleShow': true,
        'onClosed': function () {}
    });
}); //end ready 

编辑 添加了 tabindex 属性 这是您在多次按下 tab 后看到的内容。