0

我正在使用Drupal 视图,我必须用带有类的标签来包装表格div我在 jQuery 中做了这样的事情:

jQuery('table.views-table.table').wrapAll("<div class='table-responsive'></div>");

这在第一次屏幕加载时很好地包装了内容,例如:

<div class="table-responsive">
<table class="views-table cols-5 table">.....

但我也在使用 Ajax 对表格进行排序,因此,当我点击排序选项对表格进行排序时,wrapAll()似乎会将内容包装两次,例如:

<div class="table-responsive">
<div class="table-responsive">
<table class="views-table cols-5 table">....

即使在使用 Ajax 排序之后,我应该怎么做才能只用一次包装表?div

这里有一个类似的问题,但我不明白他是如何解决这个问题的。

我也做了以下,也没有奏效:

jQuery('elements....').wrap('elements....').unwrap('elements....').wrap('elements....'); 

但无济于事。

4

1 回答 1

0

我用简单的 if 语句修复了这个问题来检查长度,比如:

if(jQuery('.table-responsive').length == 0) {
    jQuery('table.views-table.table').wrap('<div class="table-responsive"> </div>');
}
于 2013-10-28T10:18:19.673 回答