javascript - 文本轮播在 Jquery 中不起作用

Question

我不知道为什么它不起作用请帮忙!我也在尝试使用纯 javascript，但我想使用 jquery 来实现。

我的 HTML

  <h1 class="heading">MAKE BIG <span id="flipper">IMPRESSION</span></h1>

我的 JQUERY

  // customized js you can change these setting

(function(){

  // Flipper Slider

  var flipperContent = ['DECISION','MISTAKES','INVENTIONS'];
  var index = 0;

  function flipperSlider(){

    var flipper = $('#flipper');
    var messageLibrary = flipperContent[index];
    flipper.innerHTML = messageLibrary;
    index++;

    if(index >= flipperContent.length){
        index = 0;
    }

   }

   setInterval(flipperSlider,4000);

})();

Answer 1

flipper 是一个 jquery 对象尝试 flipper[0].innerHTML = messageLibrary 或 flipper.get(0).innerHTML = messageLibrary

你想要类似 this? 的东西