<button>按地址查找</button> <button>按时间查找</button>
<button>上一页</button>
<button>下一页</button>
比如点击按钮1
$('按地址查找').click(function(){
//do something 去数据库按地址查找和下面的不是同一个数据库
});
比如点击按钮2
$('按时间查找').click(function(){
//do something 去数据库按时间查找
});
如何绑定上一页 按钮 现在要判断,当前状态执行的按时间查找 点击上一页就继续按时间查找, 当前执行的按地址查找,点击上一页就继续按地址查找
function PrevPageClickHandler(){
....
}
function nextPageClickHandler(){
....
}
$('上一页').click(PrevPageClickHandler);
$('下一页').click(nextPageClickHandler);
$('按钮1').click(function(){
$('上一页').click();
//或者 PrevPageClickHandler();
});
$('按钮2').click(function(){
$('下一页').click();
//或者 nextPageClickHandler();
});
你可以把这一类问题理解为:
在不同状态下执行不同的代码
你可以用一个变量做状态存储,比如:
let status;
然后约定有哪几种状态(举例)
const EAT = 'EAT';
const DRINK = 'DRINK';
然后调用一个方法判断当前是什么状态
function operation(type) {
switch(type) {
case xxx:
// do something;
break;
case xxx:
// do something;
break;
default:
// do something;
}
}
<button id="pre">上一页</button>
<button id="next">下一页</button>
$('按钮1').click(function(){
$("#pre").click();
//do something
});
$('按钮2').click(function(){
$("#next").click();
//do something
})