Question

我有问题。我想用javascript更改标签，但它不能与Ajax一起使用。

脚本：

   $(document).ready(function(){
        $("#mtabs li").click(function() {
            $("#mtabs li").removeClass('active');
            $(this).addClass("active");
            $(".tab").hide();
            var selected_tab = $(this).find("a").attr("href");
            $(selected_tab).fadeIn();
            return false;
        });
        $("#simulate").click(function(){
            $('a[rel="tab1"]').trigger("click");
        });
    });

当我像这样使用它时，它在标签中起作用：

<a id='simulate' href='#' onclick= edit(1);> Edit </a>

但是不要使用Ajax：

$.ajax({
    url:nameList,
    type:'POST',
    data:{title:sort},
    success: function(response){
        data = response.data;
        $('.tr').remove();
        for(i=0; i<response.data.length; i++){
            $("#table").append(
                "<tr class='tr'> <td>"+"<b>"+ title +"</b>" + response.data[i].title + "<br>" +
                response.data[i].description+
                " </td> <td> "+
                response.data[i].printYear.replace('.0','')+
                " </td> <td> "+
                response.data[i].readAlready.replace('.0','')+
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
                " </td> <td> <a id='simulate' href='#' onclick= edit("+i+");> Edit </a>  </td> </td> <td> <a href='#' onclick='delete_("+
                response.data[i].id+");'> Delete </a>  </td> </tr>");
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
        }
    }
});}

Answer 1

尝试使用<a>上的类而不是重复的ID。

<a class="simulate"...>

将您的事件处理程序更改为

$("#table").on("click", ".simulate", function(){
        $('a[rel="tab1"]').trigger("click");
  });

使用javascript更改标签

1 个答案: