输入时重定向按javascript(但表单硬连接到插件,所以必须使用输入类而不是ID)

输入时重定向按javascript(但表单硬连接到插件,所以必须使用输入类而不是ID),javascript,redirect,search,enter,Javascript,Redirect,Search,Enter,因此,我正在为wordpress使用一个名为FacetWP的插件,并创建一个前端搜索。我想在按enter键时重定向搜索输入。搜索输入称为方面 <?php echo facetwp_display( 'facet', 'search'); ?></div> <!-- Search input--> HTMl中的搜索输入看起来像这样,但我无法编辑它 <input type="search" class="facetwp-search" placehol

因此,我正在为wordpress使用一个名为FacetWP的插件,并创建一个前端搜索。我想在按enter键时重定向搜索输入。搜索输入称为方面

<?php echo facetwp_display( 'facet', 'search'); ?></div> <!-- Search input-->

HTMl中的搜索输入看起来像这样,但我无法编辑它

<input type="search" class="facetwp-search" placeholder="">

因此,我必须通过类而不是ID来调用它,因为我不能添加ID

到目前为止我有

<script>
$("#facetwpsearch").keyup(function(e){
if(e.keyCode == '13')
{
function fwp_redirect() {
var query = FWP.build_query_string();
window.location.href = '/program-filter/?' + query;
}
});
<script>

$(“#facetwpsearch”).keyup(函数(e){
如果(e.keyCode=='13')
{
函数fwp_redirect(){
var query=FWP.build_query_string();
window.location.href='/program filter/?'+查询;
}
});

非常感谢您的帮助,谢谢!

当按下enter键时,您的代码将只声明一个函数,而不是调用它

应该是这样的:

<script>
function fwp_redirect() {
   FWP.parse_facets();
   FWP.set_hash();
   var query = FWP.build_query_string();
   window.location.href = '/program-filter/?' + query;
}

$(".facetwpsearch").keydown(function(e){
   if(e.keyCode == '13') {
      fwp_redirect();
   }    
});
<script>

函数fwp_redirect(){
FWP.parse_facets();
FWP.set_hash();
var query=FWP.build_query_string();
window.location.href='/program filter/?'+查询;
}
$(“.facetwpsearch”).keydown(函数(e){
如果(e.keyCode=='13'){
fwp_重定向();
}    
});

有一个可行的解决方案:

<script>
    function fwp_redirect() {
        FWP.parse_facets();
        FWP.set_hash();
        var query = FWP.build_query_string();
        window.location.href = '<?php echo get_permalink(get_page_by_path( 'documents')); ?>/?' + query;
    }
    // redirect on "enter" key press
    jQuery('body').on('keyup', '.facetwp-search', function(e) {
        if(e.keyCode == '13') {
            fwp_redirect();
        }  
    });
</script>

函数fwp_redirect(){
FWP.parse_facets();
FWP.set_hash();
var query=FWP.build_query_string();
window.location.href='/?'+查询;
}
//按“回车”键时重定向
jQuery('body').on('keyup','.facetwp search',函数(e){
如果(e.keyCode=='13'){
fwp_重定向();
}  
});

$(“.facetwpsearch”)
-The
使它按id查找元素。此外,在html中,您的类有一个
-
,这里没有。您想要更像
$(.facetwpsearch”)
这是我的新代码和您的修复:@simp1
$(.wp search”).keyup(函数(e){if(e.keyCode='13')){function fwp_redirect(){var query=fwp.build_query_string();window.location.href='/program filter/?'+query;}}}});
但不会触发搜索。