WordPress jQuery只能与忍者表搜索一起使用

时间:2018-07-25 15:31:20

标签: jquery wordpress visual-composer

标题说明了一切。我正在收集搜索条件,并将其放入忍者表搜索框。第一次运行完美,然后彼此完美。这是我的Visual作曲家Raw JS对象中的内容:

<script type="text/javascript">
jQuery(document).ready(function(e) {

  //click on the first option (images)
  jQuery(document.body).on('click',"#fieldname6_1",function (e) {

    //move the screen to the next option
    jQuery('html, body').animate({
      scrollTop: jQuery("#fieldname8_1").offset().top-120
    }, 2000);

    //first unhighlight the image from all tools
    jQuery(".dfield img").removeClass("select_tool");

    //highlight the image
    jQuery(this).addClass("select_tool");

    buildSearch();

  });


  //click on the second option
  jQuery(document.body).on('change',"#fieldname8_1",function (e) {

    //move the screen to the next option
    jQuery('html, body').animate({
      scrollTop: jQuery("#fieldname9_1").offset().top-120
    }, 2000);
    buildSearch();
  });


  //click on the third option
  jQuery(document.body).on('change',"#fieldname9_1",function (e) {

    //move the screen to the next option
    jQuery('html, body').animate({
      scrollTop: jQuery("#fieldname10_1").offset().top-120
    }, 2000);
    buildSearch();
  });


  //click on the fourth option
  jQuery(document.body).on('change',"#fieldname10_1",function (e) {

    //move the screen to the next option
    jQuery('html, body').animate({
      scrollTop: jQuery("#drive-ends-table").offset().top-120
    }, 2000);
    buildSearch();
  });


function buildSearch() {

  var a=jQuery('input[name="fieldname6_1"]:checked').val();
  if(a==null)
    a="";
  var b=jQuery("#fieldname8_1").val();
  var c=jQuery("#fieldname9_1").val();
  var d=jQuery("#fieldname10_1").val();

  var x=a + " " + b + " " + c + " " + d;

  jQuery(".input-group input").val(x);
  jQuery(".input-group input").focus();
  jQuery('.form-group.footable-filtering-search button:first-child').trigger('click');
}

});
</script>

我以前曾遇到过这个问题,但是总是设法找到解决方法。  我还考虑过将带有搜索条件的搜索框归档,并强制按下空格键。有什么想法吗?而已。任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:0)

我找到了解决方案!我只是告诉jQuery将光标放在文本框中,它们迫使按下空格键。

  jQuery(".input-group input").focus();
  jQuery(".input-group input").trigger("keypress").val(function(i,val){return val + ' ';});