如何让PJAX在按钮和链接上工作?

时间:2013-03-06 17:57:51

标签: java jquery html5 pjax

我有很多这样的按钮:

<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中。

1 个答案:

答案 0 :(得分:1)

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

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

我相信这是做我想做的更好的方式+ PJAX以这种方式跨浏览器工作