Twitter bootstrap - Dynamically added tabs not working -
i using twitter bootstrap in application. in specific case, need add tabs dynamically after ajax request.
i added li tag tab head , respective content area relevent id specified in href of tab head anchor.
but newly added tabs not working bootstrap tabs. tried refresh tabs functionality calling $("#tabs1").tabs() right after new tab added dynamically, no use.
please suggest me on how use bootstrap tabs dynamic data.
note : other tabs there during page load works fine.
you have initialize tabs using $(...).on() instead of $(...).click(). on way can bind click event parent #mytab-element , not directly child a-tags.
$("#mytab").on("click", "a", function(e){ e.preventdefault(); $(this).tab('show'); }); now click-event bount #mytab-element , delegated child a-tags.
Comments
Post a Comment