jquery - jQuery 分页 Wordpress 小部件后 Dom Css 丢失

Question

我为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 排队脚本计算该宽度，例如当它有 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

Answer 1

来自Jure C. comment:

A quick look shows that you're at least changing HTML structure. On paginated page you have .portfolio_class twice nested while original is only once.