2014-01-16 60 views
2

我試圖讓下面的代碼在WordPress上班工作,但我無法得到它的工作。 HTML和CSS顯示正常,但點擊不起作用。我無法弄清楚如何讓jQuery工作。代碼本身確實有效(fiddle)。在此先感謝您的幫助!無法獲取切換腳本在WordPress

在我的頭:

<head> 
<meta charset="<?php bloginfo('charset'); ?>" /> 
<meta name="viewport" content="width=device-width" /> 
<title>Carelink</title> 
<link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/carelink.css"> 


<script src="http://code.jquery.com/jquery-1.6.min.js"></script> 
<style> 
    .bbb { background-color: blue; } 
    .aaa { background-color: red; } 
</style> 
<script> 
$("#click").click(function() { 
    $("#ccc").toggle().animate(); 
    $(this).toggleClass('bbb aaa'); 
}); 
</script> 

在頁面:

<div id="click" class="bbb">click</div> 
<div id="ccc" style="display:none;">hello world</div> 

回答

1

使用jQuery代替$。 $符號保留在Wordpress中。

+0

這是很好的瞭解$。我絕對不知道如何在查詢中做到這一點。 –

+1

只是包裝在這個框架JavaScript代碼 的jQuery(函數($){// 您的代碼在這裏 }); –

+0

獲勝者,獲勝者!非常感謝!我把它捲起來以備將來參考! –

0

你不應該重寫header.php包含的JavaScript。

而是使用functions.php。在這裏你可以找到更多的信息:http://codex.wordpress.org/Using_Javascript

+1

您也可以要求WordPress的編程問題在這裏:http://wordpress.stackexchange.com – Manolo