Filterrific

Question

首先让我说我的ruby知识非常非常有限...:)

在我工作的网站上，它对一些表单使用 Filterrific。搜索输入有一个搜索按钮，如果您输入一个值并单击该按钮，它会在表单所在的同一页面中呈现搜索结果。

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

?utf8=✓&filterrific[search_query]=VALUEOFINPUT

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

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

****更新****

@程序员一针见血。我不得不稍微修改一下，因为我认为按钮原来是带有字形图标的 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;
    }
});

Filterrific - 将提交按钮更改为具有与点击输入相同的操作

Filterrific - changing submit button to have same action as hitting enter

search

controller

ruby-on-rails

submit