爲什麼從link_to返回後：remote => true整個表單被提交？

Question

我有一個形式的動作即 1）選擇從一個列表框 2的產品）調用返回產品的許多物品如何在不同倉庫

這是使用的link_to用做可用的遙控器動作：遠程=>真

<div id="products"></div> 
    <%= link_to 'Search product', "#", class: 'get_product', :remote => true %> 

再就是是JavaScript

$('form').on('click', '.get_product', function(event) { 
    var url; 
    url='/recipes/get_product_list'; 
    url += '/' + $('#recipe_product_id').val(); 
    $.get(url, $(this).serialize(), null, "script"); 
    return event.preventDefault(); 
}); 

我有.js.erb模板和正確的值被返回在.html.erb部分。

問題是，返回部分後，頁面完全重新加載，我不希望這樣。

這是怎麼發生的？ 我也試圖找出如何調用link_to與整個網址，而不是使用「＃」和jquery，但在這種情況下，我不知道如何將值傳遞給link_to助手中的選擇字段。

Answer 1

在你的表單標籤，把這個

<form onsubmit="return false;"> 

沒有看到你的HTML表單，這是很難說爲什麼發生這種情況，但我認爲get_product按鈕提交表單和click處理程序調用功能。