在轨道上的红宝石jquery

Question

我打算使用此代码http://gist.github.com/110410转储Prototype赞成jQuery，但我确实有问题。

这是我的HTML（一的link_to生成的链接）：

<a onclick="var f = document.createElement('form'); f.style.display = 'none'; this.parentNode.appendChild(f); f.method = 'POST'; f.action = this.href;var s = document.createElement('input'); s.setAttribute('type', 'hidden'); s.setAttribute('name', 'authenticity_token'); s.setAttribute('value', 'Mi6RcR6YDyvg2uNwGrpbeIJutSHa2fYboU37wSDE7AU='); f.appendChild(s);f.submit();return false;" class="post add_to_cart " href="/line_items?product_id=547">Add to cart</a> 

问题：

一切正常，因为它应该除了页面做了重装。我怀疑提交通过导致页面重新加载。

有没有一种优雅的方式来防止这种情况？返回false;在这种情况下似乎没有削减它。

Answer 1

ew。使用这个（jQuery的）：

<a class="post add_to_cart" rel="Mi6RcR6YDyvg2uNwGrpbeIJutSHa2fYboU37wSDE7AU=" href="/line_items?product_id=547">Add to cart</a> 
<script> 
    $("a.add_to_cart").click(function(){ 
     $.post(this.href,{'authenticity_token':$(this).attr("rel")}); 
     return false; 
    }); 
</script> 

我把真实性令牌在相对ATTR的锚假设令牌是独一无二的产品。

---

UPDATE

因为很显然的Rails让你没有任何东西控制在所有：

<a class="post add_to_cart" href="/line_items?product_id=547" onclick='   $.post(this.href,{"authenticity_token":"Mi6RcR6YDyvg2uNwGrpbeIJutSHa2fYboU37wSDE7AU="});return false;'>Add to cart</a>