替代物使用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

將代碼包裝在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，做工精絕。