javascript - 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

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

所以，你需要使用jQuery而不是$.

您的代码应该是：

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

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

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

Answer 2

尝试：

<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 的工作原理。