使 jquery ui 选项卡适用于附加元素

Question

我想在一些 append() -ed HTML 上使用 .tabs 效果（稍微自定义），如下所示：

$(document).ready(function(){
  $.get('/featured-slider.php', function(data) {
    $('#wrapper').append(data);
  });

  $('#featured-slider').tabs({fx:{opacity: 
       "toggle"}}).tabs("rotate", 5000, true);
});

如果 featured-slider.php 的内容 已经在文件中（也就是说我根本没有 .get()），选项卡效果非常好。但是，如果我尝试 append() HTML（如上面的代码），它不起作用。

有谁知道如何让它发挥作用？

Answer 1

尝试将 .tabs 调用移至 .get 回调：

$(document).ready(function(){
    $.get('/featured-slider.php', function(data) {
        $('#wrapper').append(data);
        $('#featured-slider').tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
    });
});