2014-04-08 71 views
0

我想在WordPress中創建一個彈出窗口。我彈出打開,但取消併發送按鈕不起作用。如何在WordPress中使用內嵌JavaScript

這是我的腳本和代碼:

腳本

<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> 
+0

的WordPress真的不支持內嵌JavaScript。如果你查看頁面的來源,你會發現它被wordpress消毒。只需將JavaScript放在某個.js文件中幷包含它即可。 – rfoo

+0

我已經創建了request.js文件並將其包含到header.php文件中。但它不起作用 –

+0

你能提供一個鏈接到有問題的頁面嗎? – rfoo

回答

1

不要使用內嵌的JavaScript。正如rosscower所建議的那樣,將您的javascript添加到js文件中。你現在需要enqueue它正確。不要只是將其轉儲到標題中。如果您只需要將它加載到某個頁面上,您需要有條件地加載它,否則您需要在這裏考慮conditional statements以加載您的jquery文件,否則會加載到所有頁面上。

例如,你叫你的JS文件myjs.js,你將其添加一個名爲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'); 
相關問題