Comment faire fonctionner PJAX sur un bouton et un lien?

Question

J'ai un certain nombre de boutons comme ceci:

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

Et un certain nombre d'urls comme ceci:

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

Je veux PJAX de travailler sur les deux boutons et les liens. Ce code fonctionne pour les liens:

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

Donc, cela:

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

Je ne peux pas sembler le faire fonctionner des boutons et des liens. Même cela ne fonctionnera pas pour les boutons seuls:

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

Comment puis-je faire fonctionner cela?

Remarque: lorsque je dis "ne fonctionne pas", cela signifie que la page effectue une actualisation complète plutôt que de simplement charger le contenu HTML dans # pjax-content.

Answer 1

Comme j'utilise Twitter Bootstrap j'ai fini par remplacer le bouton avec un lien:

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

Je crois que c'est une meilleure façon de faire ce que je voulais faire + PJAX fonctionne navigateur cross de cette façon