WordPress 闪烁代码不起作用答案

【问题标题】：WordPress Blink Codes Doesn't WorkWordPress 闪烁代码不起作用
【发布时间】：2014-11-27 04:16:28
【问题描述】：

我使用带闪烁的代码；

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

【问题讨论】：

标签： javascript jquery css wordpress blink

【解决方案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 的工作原理。

【讨论】：

【解决方案2】：

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

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

你的代码应该是：

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

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

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

【讨论】：

谢谢，但是这种方法行不通； www.varsiteam.com
您的代码中没有使用上面的sn-p（源代码中的第134行）