8

我为 Wordpress 开发了一个小部件来显示投资组合，用户可以选择是否需要分页、过滤类别、每页帖子的数量……等等，它与我制作的 php 分页系统完美配合。

我正在尝试在小部件中对此分页实现 ajax jquery 以使其重新加载而无需重新加载整个页面。我有这个代码：

jQuery('.paginate a').live('click', function(e){ 
e.preventDefault(); 

var link = jQuery(this).attr('href');  
jQuery('.widget_gantry_portfolio').html('<div class="loading"></div>');
jQuery('.widget_gantry_portfolio').load(link+' .widget_gantry_portfolio .portfolio_class');

分页在 php 中完美运行，当我实现此代码时，分页可以工作，但是当单击小部件时会丢失所有用户首选项（显示过滤器，显示分页..等），div 也失去了他们计算的宽度和高度首先存在在 css 中（在firebug中看到）：

element.style{width and height}

我已经有几天了，并且已经证明而不是live、on 和 delegate等等，但是它们都不起作用，这个 ajax 分页在我网站上的帖子分页中也能完美地工作，但是小部件不会重新加载 Dom 元素?

对我来说最重要的是：

-在DOM css中，每个缺少宽度和高度的元素，首先这个宽度是用functions.php enqued脚本计算的，例如当它有4列时：

var mysizes = function() {
    theWidth4 = jQuery(".mosaic-block4c img").css('width');
    jQuery(".mosaic-block4c").css('width', theWidth4);
    theHeight4 = jQuery(".mosaic-block4c img").css('height');
    jQuery(".mosaic-block4c").css('height', theHeight4);
}

我调用 mysizes(); 带有标签的小部件 php 中的函数

- 我认为缺少类别的过滤器是因为，当分页加载时，它无法识别小部件的用户预设。它在第一页中完美地识别它，但在后续页面中没有。

链接到投资组合小部件分页无法正常工作的网站（请单击 2 页查看）：

http://framecero.com/aagantrywordpress/?page_id=635

链接到具有相同分页工作的示例类别（页面底部的分页）：

http://framecero.com/aagantrywordpress/?cat=4

4

1 回答 1

1

来自Jure C. 评论：

快速浏览表明您至少在更改 HTML 结构。在分页页面上，您有.portfolio_class两次嵌套，而原始页面只有一次。

于 2013-09-17T20:47:48.170 回答