Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/378.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 点击后JS块按钮,运行代码后解锁_Javascript_Jquery - Fatal编程技术网

Javascript 点击后JS块按钮,运行代码后解锁

Javascript 点击后JS块按钮,运行代码后解锁,javascript,jquery,Javascript,Jquery,我解决不了这个问题,我的小提琴: 每次单击该按钮都会获取状态类型“focus”,如果单击多次,则会多次执行searchMatchTablee函数 我希望它只运行一次,当它完成时,它可以再次运行 正如在Fiddle中所看到的,我使用变量来阻塞,以及阻塞、禁用和prop的方法 window.running=false window.teste=函数(){ $('body')。在('click','#buttonSearch',函数(e){ $('button#buttonSearch').pro

我解决不了这个问题,我的小提琴:

每次单击该按钮都会获取状态类型“focus”,如果单击多次,则会多次执行searchMatchTablee函数

我希望它只运行一次,当它完成时,它可以再次运行

正如在Fiddle中所看到的,我使用变量来阻塞,以及阻塞、禁用和prop的方法

window.running=false
window.teste=函数(){
$('body')。在('click','#buttonSearch',函数(e){
$('button#buttonSearch').prop('disabled',true)
searchMatchTablee()
$('button#buttonSearch').prop('disabled',false)
})
}
函数searchMatchTablee(回调){
如果(正在运行){
返回
}
运行=真
console.log('1')
$('.table.table-bordered.table-striped tr').show()
let wordSearch=$('#form\\\:globalFilter').val()
document.queryselectoral('.table.table-bordered.table-striped tr td:n子级(1)')。forEach((b)=>{
$('button#buttonSearch').prop('disabled',true)
console.log('running')
if(!(b.innerText.includes(wordSearch))){
$(b).parent().hide()
}
})
console.log('3')
运行=错误
}
teste()
正文{
背景:#20262E;
填充:20px;
字体系列:Helvetica;
}
#横幅信息{
背景:#fff;
边界半径:4px;
填充:20px;
字体大小:25px;
文本对齐:居中;
过渡:均为0.2s;
保证金:0自动;
宽度:300px;
}
钮扣{
背景:#0084ff;
边界:无;
边界半径:5px;
填充:8px 14px;
字体大小:15px;
颜色:#fff;
}
#banner-message.alt{
背景:#0084ff;
颜色:#fff;
边缘顶端:40px;
宽度:200px;
}
#banner-message.alt按钮{
背景:#fff;
颜色:#000;
}

搜寻
数字
0
1.
2.
3.
4.
5.
6.
7.
8.
9
10
11
以下是我的建议

$(函数(){
$(“#按钮搜索”)。在('click',函数(e){
e、 预防默认值();
$(this.prop('disabled',true)
$('.table.table-bordered.table-striped tr').show()
let wordSearch=$('#form\\\:globalFilter').val()
$('.table.table-bordered.table-striped tr')。每个(函数(){
var val=$(this.find(“td:nth child(1)”).text();
如果(!(val.includes(wordSearch))){
$(this.hide())
}
})
$(this.prop('disabled',false)
});
});
正文{
背景:#20262E;
填充:20px;
字体系列:Helvetica;
}
#横幅信息{
背景:#fff;
边界半径:4px;
填充:20px;
字体大小:25px;
文本对齐:居中;
过渡:均为0.2s;
保证金:0自动;
宽度:300px;
}
钮扣{
背景:#0084ff;
边界:无;
边界半径:5px;
填充:8px 14px;
字体大小:15px;
颜色:#fff;
}
#banner-message.alt{
背景:#0084ff;
颜色:#fff;
边缘顶端:40px;
宽度:200px;
}
#banner-message.alt按钮{
背景:#fff;
颜色:#000;
}

搜寻
数字
0
1.
2.
3.
4.
5.
6.
7.
8.
9
10
11

请访问,查看和。做一些研究,搜索相关话题等;如果你被卡住了,张贴一份你的尝试,记下输入和预期输出。请不要试图绕过此处给出的关于不粘贴没有任何代码就会过时的链接的限制。为什么不粘贴
$(“#form:globalFilter”)。在(“input”,searchmatchtable)
?为什么每次迭代都会这样
$('button#buttonSearch').prop('disabled',true)
非常感谢,希望我能得到帮助。我现在尝试输入,但无法解决问题,在我输入完号码后只需搜索一次。