jquery инструменты несколько вкладок?

У меня есть div, который я клонирую с помощью jquery, внутри этого DIV у меня есть 3 вкладки, настроенные с помощью вкладок инструментов jquery.

Я выполнил инструкции на этой странице для нескольких вкладок: http://bit.ly/w581Xf.

Но вкладки, похоже, работают только с первым DIV, а не с клонированными DIV.

У меня есть это на тестовом сайте здесь: http://bit.ly/zUlcjZ

Любые предложения о том, как заставить вкладки работать с клонированными DIV, были бы замечательными! Спасибо


jquery tabs jquery-tools
person Xtian    schedule 05.01.2012    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Вы должны вызвать конструктор .tabs после цикла for, но внутри события успеха:

попробуйте заменить это как событие успеха вашего ajax:

success  : function (data) {
                            for (var i = 0, len = data.length; i < len; i++) {
                                var $div = $(".venue:first").clone();
                                var $name = data[i].name;
                                //set data
                                $div.find(".name").html(data[i].name);
                                $div.find(".address").html(data[i].address);
                                $div.find(".phone").html(data[i].phone);
                                $div.find(".checkins").html(data[i].checkinsCount);
                                $div.find(".tips").html(data[i].tipCount);
                                $div.find(".mayor").html(data[i].mayor);
                                $div.find(".mayor_photo").html(data[i].mayor_photo);

                                $div.removeAttr("style");

                                //append to main container
                                $("#venues").append($div);
                            }
$("ul.tabs").tabs("> .pane");

                        }

Удачи ;)

person rekans    schedule 06.01.2012