WordPress의 인라인 JavaScript 사용 방법

Question

WordPress에서 팝업을 만들려고합니다. 내 팝업이 열렸지만 취소 및 전송 버튼이 작동하지 않습니다.

이것은 내 스크립트 코드 :

스크립트

<script type="text/javascript" charset="utf-8"> 
    $(function() { 
     function launch() { 
      $('#sign_up').lightbox_me({centered: true, onLoad: function() { $('#sign_up').find('input:first').focus()}}); 
     } 

     $('#try-1').click(function(e) { 
      $("#sign_up").lightbox_me({centered: true, preventScroll: true, onLoad: function() { 
       $("#sign_up").find("input:first").focus(); 
      }}); 

      e.preventDefault(); 
     }); 

     $('table tr:nth-child(even)').addClass('stripe'); 
    }); 
</script> 

이 인라인 자바 스크립트를 사용하지 마십시오 내 양식

<a href="#" id="try-1" class="sprited"><div class="call"></div></a> 
<div id="sign_up"> 
    <h3 id="see_id">Request a call Back</h3> 
    <div id="sign_up_form"> 
     <form id="form1" name="form1" action="../mail.php" method="post" > 
      <label><strong>Name :</strong> <input class="sprited"/></label> 
      <label><strong>Mobile No :</strong> <input class="sprited"/></label> 
      <div id="actions"> 
       <input type="button" name="cancel" value="Cancel" class="close form_button sprited" /> 
       <input type="button" name="send" value="Send" class="form_button sprited" /> 
      </div> 
     </form> 
    </div> 
    <a id="close_x" class="close sprited" href="#">close</a> 
</div> 

Answer 1

입니다. rosscower에서 제안한대로 js 파일에 자바 스크립트를 추가하십시오. 이제 올바르게 enqueue해야합니다. 헤더에 그냥 버리지 마세요. 조건부로로드해야하는 특정 페이지에만로드해야하는 경우 jquery 파일을로드하려면 여기 conditional statements을 생각해야합니다. 그렇지 않으면 모든 페이지에로드됩니다.

예, 당신은 당신의 js가 myjs.js를 제출하고 지원 정말하지 않습니다이

function register_my_js() { 
if(is_home()) { 
wp_enqueue_script('my-script', get_template_directory_uri() . '/js/myjs.js', array(), '', true); 
} 
} 

add_action('wp_enqueue_scripts', 'register_my_js');