2014-01-16 29 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