Filterrific - 将提交按钮更改为具有与按 Enter 相同的操作

Question

首先让我说我的红宝石知识非常非常有限...... :)

在我正在开发的网站上，它使用 Filterrific 处理一些表单。搜索输入有一个搜索按钮，如果您输入一个值并单击该按钮，它将在表单所在的同一页面中呈现搜索结果。

对于同一个表单，如果您输入一个值并回车，它会将其附加到当前 URL：

?utf8=✓&filterrific[search_query]=VALUEOFINPUT

我想更改搜索按钮，使其具有与访问者按下 Enter 相同的操作。我尝试通过 jQuery 执行此操作，但无法使其工作，因此我假设我必须通过控制器文件执行此操作。

老实说，我不确定在代码方面究竟要显示什么，所以如果您需要我发布一些内容来澄清，请告诉我。

---

****更新****

@Programmer 一针见血。我不得不稍微改变它，因为我认为是一个按钮的东西原来是一个带有字形图标的 div。这是完成的代码：

function submitButton(){

      $( "div.glyphicon-search" ).replaceWith( "<button type='submit'  id='filt-submit'><span class='glyphicon glyphicon-search'></span></button>" );

    }

    function enterSubmit(){
      $("#filt-submit").keypress(function(event) {
          if(event.which == 13) {
              Filterrific.submitFilterForm;
          }
      });
    }

    submitButton(function () {
        enterSubmit();
    });

Answer 1

假设 btnSearch 是您的搜索按钮的标识符，请检查下面的 JQuery 代码是否这样做。

$("#btnSearch").keypress(function(event) {
    if(event.which == 13) {
        Filterrific.submitFilterForm;
    }
});