4

ポップアップにフォームがあり、autofocus 属性を設定しましたautofocus="autofocus"が、フォームの読み込み時にフォーカスされていませんが、ページを更新するとフォーカスされます。フォームが に挿入されますdiv。

フォームのサンプル:

First Name:<input type="text" name="fname" placeholder="First Name" class="userField" autofocus="autofocus" id="firstNameUserField" value="<?php 
    if(isset($_SESSION['firstname'])){
       echo trim($_SESSION['firstname']);
    }
  ?>">

div フォームは次の場所に挿入されます。

  <div class="main">
    <a href="#x" class="overlay" id="detail_form"></a>
    <div class="popup">
      <div id="detailFormPopup"></div>
      <a class="close" id="logClose"href="#close"></a>
    </div>
  </div>

ユーザーがログインしてユーザー名をクリックすると、フォームが表示されます。

if(isset($_SESSION['username'])){
          echo "<a href='#detail_form' class='navlinks' id='navUser'>".$_SESSION['username']."</a></h3>";
        }
4

2 に答える 2

2

autofocusページ内の最初の要素にのみ適用され、Javascript でロードされた要素には適用されません。

SimpleModal をレンダリングするために使用する Javascript コードでフォーカスを強制し、それをonShowイベントに追加できます。

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

ポップアップを開くために使用する Javascript を質問に含めていないため、これは単なる一般的な例です。

$("#popupEl").modal({onShow: function (dialog) {
 $('#firstNameUserField').focus();
}});
于 2013-04-03T23:45:33.120 に答える