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

在AJAX之后设计引导表

bootstrap-4 css jquery

1

Zeth · 技术社区 · 7 年前

我在一个内置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 回复 | 直到 7 年前

1

2

mahradbt 7 年前

你可以用 ajaxComplete

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

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