我有很多这样的按钮:
<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中。
最佳答案
当我使用Twitter Bootstrap时,我最终将按钮替换为链接:
<a data-pjax class="btn btn-inverse" type="button" href='http://mybuttonurl.com'>my button</a>
我相信这是做我想做的更好的方法+ PJAX以这种方式跨浏览器工作