在ajax load()之后启动pajinate()

时间:2013-12-04 19:22:50

标签: jquery ajax jquery-pagination

好的我不确定它是否是在load()完成后无法启动的pajinate库,因为它在我没有加载()内容时工作。

但我必须加载视图,因为我使用的是Google Maps API。我每页列出3个。但是我遍历了从AJAX中获取的结果并将视图加载到我当前的视图中:

for (var i = 0; i < markerNodes.length; i++) {
  // set keys with marker nodes to pass to view

  // load view file
  $( '#listings' ).append($('<div>').load( 'ajax/listingFind.php', {
      id: id, 
      name: name,
      logo: encodeURIComponent(logo),
      address: address,
      city: city,
      state: state,
      zip: zip,
      phone: phone,
      email: email,
      web_link: encodeURIComponent(web_link),
      distance: distance,
      marker: markerNum
    } ));
  createMarker(latlng, name, address);
  bounds.extend(latlng);
  fitToMarkers(bounds);
}

是的,没有其他的东西是相关的。但我正在循环我的结果并加载一个视图,将所有数据抓取到我当前的视图中。 然后,我有这个:

<script type="text/javascript" src="<?php echo __ASSET_PATH__ ?>/js/jquery.pajinate.min.js"></script>
<script type="text/javascript">
$().ready(function() {
  $().ajaxStop(function() {
    $('#page_container').pajinate({
      nav_label_first : '',
      nav_label_last : '',
      nav_label_prev : '<i class="fa fa-arrow-circle-left"></i>',
      nav_label_next : '<i class="fa fa-arrow-circle-right"></i>',
      items_per_page : 3
    });
  });
});
</script>

所以一旦load()完成,我尝试执行pajinate。但是,它不会执行,并且控制台中不会抛出任何错误。 但是当我手动将加载的文件放入时(由于我需要传递数据以获取位置信息,我无法做到),它可以正常工作。

感谢您提供任何其他帮助或..如果有分页插件可以处理使用ajaxStop()函数调用。我不认为那会很重要。

1 个答案:

答案 0 :(得分:0)

没关系,弄清楚了。

如果没有附加到文档,

ajaxStop将不会加载。 这修好了它:

$(document).ajaxStop()

随着摆脱

$().ready()