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

时间:2012-06-14 16:50:06

标签: jquery ajax wordpress pagination

我已经开发了一个用于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}

我已经好几天了,而且证明了 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

1 个答案:

答案 0 :(得分:1)

来自Jure C. comment

  

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