在prettyPhoto中輸入。無法輸入文字。可以粘貼或自動填充

Question

我正在使用prettyPhoto在內聯疊加層中顯示錶單。

看起來很好，但是，我無法在輸入中輸入任何文本。

我可以通過點擊鼠標來關注它們，但不能通過標籤鎖定它們。

聚焦時，我得到一個閃爍的光標，但我無法輸入任何內容。我可以通過右鍵單擊粘貼到它們中，但不能通過cmd + v粘貼。我也可以通過從自動填充菜單中選擇填充用戶名字段。

這就好像prettyPhoto疊加禁用鍵盤。

HTML：

<form id="MemberLoginForm_LoginForm" action="/home/LoginForm" method="post" enctype="application/x-www-form-urlencoded"> 


    <p id="MemberLoginForm_LoginForm_error" class="message " style="display: none;"></p> 


    <fieldset> 


      <input class="hidden" id="MemberLoginForm_LoginForm_AuthenticationMethod" name="AuthenticationMethod" value="MemberAuthenticator" type="hidden"> 

      <div id="Email" class="field text "><label class="left" for="MemberLoginForm_LoginForm_Email">Email</label><div class="middleColumn"><input class="text" id="MemberLoginForm_LoginForm_Email" name="Email" value="" type="text"></div></div> 

      <div id="Password" class="field password "><label class="left" for="MemberLoginForm_LoginForm_Password">Password</label><div class="middleColumn"><input class="text" id="MemberLoginForm_LoginForm_Password" name="Password" value="" type="password"></div></div> 

      <p id="Remember" class="field checkbox "> 
    <input id="MemberLoginForm_LoginForm_Remember" name="Remember" value="1" type="checkbox"> 
    <label class="right" for="MemberLoginForm_LoginForm_Remember">Remember me next time?</label> 

</p> 

     <div class="clear"><!-- --></div> 
    </fieldset> 


    <div class="Actions"> 

      <input class="action " id="MemberLoginForm_LoginForm_action_dologin" name="action_dologin" value="Log in" title="Log in" type="submit"> 

      <p id="ForgotPassword"><a href="Security/lostpassword">I've lost my password</a></p> 

    </div> 


</form> 

CSS：

input[type="text"], input[type="password"], textarea, select, .uneditable-input { 
    border: 1px solid #E3E4E5; 
    border-radius: 0 0 0 0; 
    color: #FFFFFF; 
    display: inline-block; 
    font-size: 13px; 
    height: 32px; 
    line-height: 16px; 
    padding: 4px; 
    width: 197px; 
} 

同樣的形式在頁面中直接顯示在別處完美的作品。只有在prettyPhoto彈出時纔會顯示。

Answer 1

通過關閉鍵盤快捷方式解決：

$("a[rel^='prettyPhoto']").prettyPhoto({ 
     keyboard_shortcuts: false 
});