JS中的脚本无法在其他页面上运行

Question

我有

<div class="p-cart-button left tar large-5 medium-5 small-5">
     <span class="button-product-wrap button-wrap">
           <a class="button-content-product button-content small button" href="#" title="Detail">Detail</a>
     </span>
</div>

我想改变＆＃34;细节＆＃34;在课堂上，我用过：

$(document).ready(function(){ $('.p-cart-button a:contains("Detail")').text('Detail a varianty');});

它工作得很好但只是在刷新的页面上。如果我去商店的第2页，它不会改变，但JS正在工作。

我该怎么做才能让它发挥作用？有什么想法吗？

你可以看到那里的例子 - ＆gt; EXAMPLE

如果你转到第2页，脚本就不起作用了。