javascript - 用 Javascript 替换内容

Question

http://jsfiddle.net/bUjx7/28

所以它在 jsfiddle 上工作，但不是当我把它放到我的 Wordpress 标题中时。HTML/CSS 在 Wordpress 上都很好，但 Javascript 不是。我是这样输入的：

<script type="text/javascript">
$('.tablereplace a').click(function () {
    $('.fieldsmatch').fadeOut(0);
    $('.fieldsgame1').fadeOut(0);
    $('.fieldsgame2').fadeOut(0);
    $('.fieldsgame3').fadeOut(0);
    var region = $(this).attr('data-region');
    $('#' + region).fadeIn(0);
});
</script>

<style type="text/css">
.fieldsgame1 {
    display:none;
}
.fieldsgame2 {
    display:none;
}
.fieldsgame3 {
    display:none;
}
</style>

帮助？

Answer 1

将您的代码包装在文档就绪处理程序中。它可以在没有它的情况下在 jsfiddle 上运行，因为 jsfiddle 默认将您的代码包装在onload处理程序中（请参阅框架和扩展下 jsfiddle 窗口左侧的第二个下拉列表 - 如果您将该下拉列表更改为其中之一，您会注意到“不换行”选项你的代码也不能在小提琴中工作）。

$(document).ready(function() {
    $('.tablereplace a').click(function () {
        $('.fieldsmatch').fadeOut(0);
        $('.fieldsgame1').fadeOut(0);
        $('.fieldsgame2').fadeOut(0);
        $('.fieldsgame3').fadeOut(0);
        var region = $(this).attr('data-region');
        $('#' + region).fadeIn(0);
    });
});

Answer 2

你把它包括在内了吗.. http://code.jquery.com/jquery-1.9.1.js 这可能是问题所在，因为我已经将 wordpress 与 javascript 一起使用，工作得非常好。