Question

所以它正在使用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

将您的代码包裹在document ready handler中。它可以在没有它的情况下使用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，工作绝对正常。

用Javascript替换内容

2 个答案: