如何使用 jquery 捕获 shopify api 的分页元素

Question

如何通过单击我的 ajax 请求启用任何 pagination 按钮。

场景：在我的 shopify 应用程序中，我有一个复选框，我要在该复选框上发送 ajax 请求，作为响应，我想启用此按钮。

试过：我已经尝试了Whosebug中提到的一些解决方案但无法工作。

此处：window.parent.document 这引发了 permission denied 的错误。

Answer 1

使用 JavaScript 您可以像这样手动启用分页按钮：

ShopifyApp.Bar.setPagination({
    next: {
      href: "/posts?page=3"
    },
    previous: {
      href: "/posts?page=1"
    }
  });

Answer 2

您可以在 ajax 响应中调用与 shopify 分页相同的代码。因此它将采用您更改的分页值并启用分页按钮。

ShopifyApp.ready(function(){
  ShopifyApp.Bar.initialize({
    title: window.mainPageTitle,
    icon: '/icon20x20.png',

    pagination: {
      previous: {href: "/start?page=1"},
      next: {href: "/start?page=3"}
    }
  });
});