기초 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>