可以将Blog {tag_nextpage}和{tag_previouspage}加载到Business Catalyst的同一页面上吗?

时间:2016-01-22 22:23:49

标签: javascript jquery ajax business-catalyst

我有一个问题。是否可以在调用{tag_nextpage}{tag_previouspage}时在同一页面上加载博客列表的内容?这最终将用新内容替换当前页面上的内容(即,上一页内容或下一页内容)。

有人能告诉我如何使用jQuery或AJAX继续这个吗?

1 个答案:

答案 0 :(得分:1)

方法A:专门为这两个链接创建无缝过渡效果

在页面加载时,您需要:

  • 寻找上一个/下一个链接
  • 加载其内容(可能通过$.get()
  • 拦截页面导航事件(因为链接不能只收听click
  • 替换列表内容
  • 更新网址和navigation history

方法B:为任何现场链接创建无缝过渡效果

使用smoothState.js:

  
      
  • 在您的网页上附上jQuery和jQuery.smoothState.js的副本
  •   
  • 添加ID为#main的容器,并在其中包含一些链接
  •   
  • 创建一个新的js文件并运行$('#main').smoothState()   
  •   
$(function() {
  $('#main').smoothState();
});