Question

我正在尝试使用以下代码在WordPress中工作，但我无法让它工作。 HTML和CSS正确显示，但点击不执行任何操作。我无法弄清楚如何让jQuery工作。代码本身确实有效（fiddle）。在此先感谢您的帮助！

在我的标题中：

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

Answer 1

使用jQuery代替$。 Word中保留了$符号。

Answer 2

您不应该覆盖header.php以包含Javascript。

而是使用functions.php。您可以在此处找到更多信息：http://codex.wordpress.org/Using_Javascript

无法使用切换脚本在wordpress中工作

2 个答案: