jquery - Firefox 在切换元素时行为怪异，而在 chrome 中它工作正常

Question

这是示例：http: //jsbin.com/ovupuq/3

$(document).ready(function(){
      var cursor = $("<span>_</span>").appendTo("p"),
          blik = function(){
                  $(cursor).toggle(200);
                };
      setInterval(blik,500);
});

问题是“Hello World！” 每次切换光标时都会出现文本颠簸。这仅在 Firefox 11 中发生，chrome 和 IE8 按预期工作。

我注意到的另一件事是，如果我让它运行几分钟，我设置的 500 毫秒间隔似乎会变成一些随机值，这会使光标闪烁得更快。这仅在 chrome 中发生。

Answer 1

演示

• 只需200从toggle
• 您已经使用定义了光标element，$()因此只需使用：cursor

---

var cursor = $("<span>_</span>").appendTo("p"),
    blik = function(){ cursor.toggle(); };
setInterval(blik,500);

（在您的代码中：当切换在 200 处运行时，您的间隔“500”有时会与切换功能混淆，从而创建事件冒泡）