WordPress閃爍代碼不起作用

Question

我使用閃爍代碼;

Jquery;

<script type="text/javascript"> 
    var blink = function(){ 
     $('#blinker').toggle(); 
    }; 
    $(document).ready(function() { 
     setInterval(blink, 100); 
    }); 
</script> 

頁;

[full_column align="center"][su_button url="#basvuru" class="fancybox" background="#b21f30" size="6"] <div id="blinker">ÜCRETSİZ PROGRAMA BAŞVUR</div>[/su_button][/full_column] 

網站：www.varsiteam.com

Answer 1

嘗試用：

<script type="text/javascript"> 

$(document).ready(function() { 
     var blink = function(){ 
     $('#blinker').toggle(); 
    }; 

    setInterval(blink, 100); 
}); 
</script> 

如果你看一下控制檯，你會看到這樣的錯誤：

Uncaught TypeError: undefined is not a function 

爲了解決這個問題，你必須把你的功能在$(document).ready事件中。當你調用$('#blinker').toggle();時，它會嘗試使用未定義的jQuery對象，如果沒有將其放入$(document).ready事件中。這就是jQuery的工作原理。

Answer 2

當您使用WordPress時，jQuery以無衝突模式加載。

因此，您需要使用jQuery而不是$。

你的代碼應該是：

var blink = function(){ 
    jQuery('#blinker').toggle(); 
}; 

或者，如果你想在你的文檔準備事件來包裝的一切：

jQuery(document).ready(function($) { 
    var blink = function(){ 
    $('#blinker').toggle(); 
    }; 
    setInterval(blink, 100); 
});