代码之家  ›  专栏  ›  技术社区  ›  Zeth

在AJAX之后设计引导表

  •  1
  • Zeth  · 技术社区  · 6 年前

    我在一个内置WordPress/WooCommerce的网站上工作。我没有在WordPress StackExchange上问这个问题,因为这个问题与WordPress-/WooCommerce部分无关。

    在网站上,有几个 <table> 是的,那需要造型。所以我添加了这个jQuery片段 .table found here ).

    jQuery(document).ready(function(){
      // Make all tables into Bootstrap-tables
      jQuery( 'main' ).find( 'table' ).each( function() {
          jQuery( this ).addClass( 'table' );
        }
      );
    });
    

    我不想手动设置那个表的样式,因为所有的东西都是从Bootstrap提供的。

    我考虑了这两种选择:

    • B) 做点什么,这样引导风格就适用于所有 <表> -元素(而不仅仅是 <table class='table'> -元素?如果是的话,-我该怎么做?更改bootstrap.min.css似乎不是个好主意。

    1 回复  |  直到 6 年前
        1
  •  2
  •   mahradbt    6 年前

    你可以用 ajaxComplete

    当每个ajax请求完成时,这项工作就开始了。

    $( document ).ajaxComplete(function( event, xhr, settings ) {
          $("table").addClass("table");
    });