php 为什么jQuery在 AJAX 加载的内容中不起作用?

n9vozmp4  于 2022-11-21  发布在  PHP
关注(0)|答案(1)|浏览(101)

我尝试在每隔X个widget-box之后插入div:

活动-可过滤-列表.网格.网格

这些内容是BuddyPress的活动,我相信它是在 AJAX 中加载的,所以jQuery启动的速度比加载到页面上的内容快,什么也找不到,什么也不做。
查询

jQuery(document).ready(function($) {
    $('#activity-filterable-list .grid .grid').children(':eq(2)').after('<button>button</button>');
});

HTML语言

<div id="activity-filterable-list" class="grid-column">
  <div class="grid">
    <div class="grid">
      <div class="widget-box no-padding animate-slide-down ">Box</div>
      <div class="widget-box no-padding animate-slide-down ">Box</div>
      <div class="widget-box no-padding animate-slide-down ">Box</div>
      <div class="widget-box no-padding animate-slide-down ">Box</div>
      <div class="widget-box no-padding animate-slide-down ">Box</div>
    </div>
  </div>
</div>

有什么话要说吗?

h4cxqtbf

h4cxqtbf1#

我会这样做:

function waitFor(selector, callback) {
  if ($(selector).length) {
    callback();
  }
  else {
    // repeat wait
    setTimeout(function () {
      waitFor(selector, callback);
    }, 100);
  }
}

waitFor('#activity-filterable-list', function() {
  //.. do whatever you want
});

相关问题