2013-03-02 88 views
0

http://jsfiddle.net/bUjx7/28替代物使用JavaScript

所以它的工作的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> 

幫助?

+2

什麼其他JS文件加載在頁面上?此外,是jquery加載? – Daniel 2013-03-02 03:16:29

+2

不工作是不是很有用... – Oliver 2013-03-02 03:17:37

回答

0

將代碼包裝在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); 
    }); 
}); 
+0

http://i.imgur.com/IItq7eE.png這是我現在看的,它仍然無法正常工作。 – 2013-03-02 06:54:10