Dom Css在jQuery Pagination Wordpress小部件后丢失了

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中完美运行,当我实现此代码时,分页可以工作,但是当单击时窗口小部件会丢失所有用户首选项(show filter,show pagination..etc),div也会丢失它们首先出现的计算的%宽度和高度在css(在firebug中看到):

element.style{width and height}

我已经有好几天了,而且已经证明了,而不是现场,on和委托,等等,但没有一个工作,这个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

Answer 1

来自Jure C. 的评论：

快速浏览一下就会发现您至少正在更改 HTML 结构。在分页页面上，您有.portfolio_class两次嵌套，而原始页面只有一次。