JQuery инструменты несколько вкладок? - PullRequest
Новая
       21

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

0 голосов
/ 06 января 2012

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

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

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

Iразместите его на сайте тестирования здесь: http://bit.ly/zUlcjZ

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

1 Ответ

0 голосов
/ 06 января 2012

Вы должны вызвать конструктор .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");

                        }

Удачи;)

...