我已经开发了一个用于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
使用相同的分页工作链接到样本类别(页面底部的分页):