java - 如何让 PJAX 在按钮和链接上工作？

Question

我有很多这样的按钮:

<button data-pjax class="btn btn-inverse" type="button" onclick="location.href='http://mybuttonurl.com'">my button</button>

还有一些像这样的网址:

<a data-pjax href="http://mylinkurl.com">My url</a>

我希望 PJAX 能够在按钮和链接上工作。此代码适用于链接:

$(document).pjax('[data-pjax] a, a[data-pjax]', '#pjax-content');

这也是:

$(document).pjax('a', '#pjax-content');

我似乎无法让它适用于按钮和链接。即使这也不适用于单独的按钮:

$(document).pjax('button', '#pjax-content');

我怎样才能让它发挥作用？

注意:当我说“不起作用”时，这意味着页面会进行完全刷新，而不仅仅是将 HTML 内容加载到 #pjax-content 中。

Answer 1

当我使用 Twitter Bootstrap 时，我最终用链接替换了按钮:

<a data-pjax class="btn btn-inverse" type="button" href='http://mybuttonurl.com'>my button</a>

我相信这是一种更好的方法来完成我想做的事情 + PJAX 以这种方式跨浏览器工作