WordPress闪烁代码不起作用

WordPress Blink Codes Doesn't Work

本文关键字：不起作用 代码 闪烁 WordPress      更新时间：2023-09-26

我使用带有闪烁的代码;

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

尝试：

<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的工作方式。

当你在WordPress中工作时，jQuery以无冲突模式加载。

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

您的代码应该是：

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

或者，如果要将所有内容包装在文档就绪事件中：

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