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();时，如果你没有把它放在$(document).ready事件中，它会尝试使用未定义的jQuery对象。这就是jQuery的工作原理。

Answer 2

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

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

您的代码应为：

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

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

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

WordPress闪烁代码不起作用

2 个答案: