WordPress jQuery 每隔一段时间只能使用忍者表格搜索
WordPress jQuery only works every other time with ninja tables search
标题说明了一切。我正在收集搜索条件并将其放入忍者表搜索框中。它第一次工作完美,然后每次都完美。这是我的 Visual composer Raw JS object:
<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>
我以前 运行 遇到过这个问题,但总能找到解决方法。
我还考虑过使用搜索条件归档搜索框并强制按下 space 栏按键。有什么想法吗?就是这样。任何帮助将不胜感激。
我找到了解决办法!我只是告诉 jQuery 将光标放在文本框中,他们强制按下空格键。
jQuery(".input-group input").focus();
jQuery(".input-group input").trigger("keypress").val(function(i,val){return val + ' ';});
标题说明了一切。我正在收集搜索条件并将其放入忍者表搜索框中。它第一次工作完美,然后每次都完美。这是我的 Visual composer Raw JS object:
<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>
我以前 运行 遇到过这个问题,但总能找到解决方法。 我还考虑过使用搜索条件归档搜索框并强制按下 space 栏按键。有什么想法吗?就是这样。任何帮助将不胜感激。
我找到了解决办法!我只是告诉 jQuery 将光标放在文本框中,他们强制按下空格键。
jQuery(".input-group input").focus();
jQuery(".input-group input").trigger("keypress").val(function(i,val){return val + ' ';});