Question

我正在使用此代码：

$(document).ready(function() { $("#tabs").tabs({ event: 'mouseover', fx: { opacity: 'toggle', duration: 'slow' } }) });

如果我有FX或鼠标悬停，它可以正常工作，但如果我将两者结合起来，标签内容会显示，然后就会淡入。有什么想法吗？

Answer 1

这里可能与event和fx存在轻微冲突，因为它们都会触发“显示”内容。您需要禁用事件的“show”回调，以便fx可以处理货物的显示（我认为这是他们互相碰撞）。不知道如何开箱即用。

  $(document).ready(function(){
    $("#tabs").tabs({
      // fx: {
      //   opacity: 'toggle', duration: 'slow'
      // },
      event: 'mouseover',
      show: function(event, ui) {
        $("#"+ui.panel.id).fadeIn("slow");
      },
      select: function(event, ui) {
        $("#"+ui.panel.id).hide();
      }
    });
  });

但你可以做各种各样的“hack”，而不是让标签处理fx，你可以通过事件回调自己做。

希望这是犹太人，我是一个原型人。

jQuery选项卡：鼠标悬停后发生转换

1 个答案: