Question

我正在使用Bhoechie选项卡，它是在页面加载时使用JQuery制作的，一切都很完美。但是，在我发出改变我的标签菜单内容的ajax请求后，它再也无法正常工作了。我该怎么做才能让它一直有效？

这是我的标签菜单jQuery代码：

$(document).ready(function() {
$("div.bhoechie-tab-menu>div.list-group>a").click(function(e) {
    e.preventDefault();
    $(this).siblings('a.active').removeClass("active");
    $(this).addClass("active");
    var index = $(this).index();
    $("div.bhoechie-tab>div.bhoechie-tab-content").removeClass("active");
    $("div.bhoechie-tab>div.bhoechie-tab-content").eq(index).addClass("active");
});
});

Tab Html

<div class="bhoechie-tab-menu">
<div class="list-group">
<a href="#" class="list-group-item active "> TAB1 </a> <a href="#" class="list-group-item "> TAB2 </a> <a href="#" class="list-group-item ">TAB1 </a> <a href="#" class="list-group-item"> TAB1 </a>
<div>
<div class="bhoechie-tab">
  <div class="bhoechie-tab-content active">
    <section> </section>
  </div>
  <div class="bhoechie-tab-content">
    <section> </section>
  </div>
  <div class="bhoechie-tab-content">
    <section> </section>
  </div>
  <div class="bhoechie-tab-content">
    <section> </section>
  </div>
</div>

AJAX

function showVehicle(id){
var container = $("#id_administrator");
var form = "";
$.ajax({
    url: "forms/show.php",          
    type:'POST',
    data:{"vreg":id},
    async:false,
    }).done(function(data){
        form= data;
    });

 container.html(form);
}

Answer 1

脚本还需要从AJAX中调用它，所以只需修改下面提到的脚本，这样就可以在AJAX加载下运行。

function showVehicle(id){
var container = $("#id_administrator");
var form = "";
$.ajax({
  url: "forms/show.php",          
  type:'POST',
  data:{"vreg":id},
  async:false,
}).done(function(data){
    form= data;
});

container.html(form);

$("div.bhoechie-tab-menu>div.list-group>a").click(function(e) {
  e.preventDefault();
  $(this).siblings('a.active').removeClass("active");
  $(this).addClass("active");
  var index = $(this).index();
  $("div.bhoechie-tab>div.bhoechie-tab-content").removeClass("active");
  $("div.bhoechie-tab>div.bhoechie-tab-content").eq(index).addClass("active");
});

}

请检查并在评论中告诉我。

ajax调用后Bhoechie标签无法正常工作

1 个答案: