Question

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

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

对于同一表单，如果您键入一个值并按Enter键，它会将其附加到当前网址：

?utf8=✓&filterrific[search_query]=VALUEOFINPUT

我想将搜索按钮更改为具有与访问者按下输入相同的操作。我试图通过jQuery做到这一点并且无法使它工作，所以我假设我必须通过控制器文件来完成它。

说实话，我不确定代码是什么，所以如果你需要我发布一些内容来澄清，请告诉我。

**** **** UPDATE

@Programmer击中头部的钉子。我不得不稍微改变一下，因为我认为按钮结果是一个带有glyphicon的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 - 更改提交按钮以执行与按Enter键相同的操作

1 个答案: