基礎6つのサイト - ドロップダウンフォーカスを閉じる

Question

私は基礎6.2を使用して登録ページをデザインしています。すべてがうまくいきました。しかし、今私は、入力フィールドに焦点を当ててドロップアウトペインを開き、フォーカスアウトを終了したいと思います。私はGoogleで検索したが、私が見つけた解決策はない。これを解決するために私を助けてください。ありがとうございました。

はここにあるドロップダウンのために私のコードです：

<div class="row"> 
     <div class="medium-6 columns"> 
      <label> 
      <input id="newPass" type="password" placeholder="New Password" name="newPass" data-toggle="pass-tips" onkeyup="checkPassword(); return false;"> 
      <span id="chk-newPass" class="form-error"></span> 
      </label> 
     </div> 
     <div class="dropdown-pane left" id="pass-tips" data-dropdown data-close-on-click="true" > 
      <div class="row"> 
       <div class="medium-12 columns"> 
       <h6>Tips for strong password: </h6> 
       <ul class="no-bullet"> 
        <li><i id="pass-tips-char" class="fa fa-check-circle check-circle-green" aria-hidden="true"></i> Use at least 8 characters.</li> 
        <li><i id="pass-tips-upper" class="fa fa-check-circle check-circle-green" aria-hidden="true"></i> Contain at least an uppercase letter.</li> 
        <li><i id="pass-tips-special" class="fa fa-check-circle check-circle-green" aria-hidden="true"></i> Contain at least a special character.</li> 
        <li><i id="pass-tips-num" class="fa fa-check-circle check-circle-green" aria-hidden="true"></i> Contain at least a number.</li> 
       </ul> 
       </div> 
      </div> 
     </div> 
     <div class="medium-6 columns"> 
      <label> 
      <input id="confirmPass" type="password" placeholder="Confirm Password" name="confirmPass"> 
      </label> 
     </div> 
     </div> 

Answer 1

あなたはこれを試みることができる：

<script> 
$('#newPass').on("focus", function(){ 
    $("#pass-tips").foundation('open'); 
}); 

$("#newPass").focusout(function(){ 
    $("#pass-tips").foundation('close'); 
}); 
</script>