我整天都在为这个问题苦苦挣扎。
我有一个 jQuery 按钮,单击该按钮时会在字段中淡入淡出。该字段是一个可滚动的表格,可向左滚动 3 次,向右滚动 3 次。
滚动长度与其容器大小(溢出:隐藏)有关,但是我遇到的问题是一切正常,除非我再次单击原始按钮。每次单击此按钮时,每个方向的滚动距离值都会加倍。几乎就像按钮使事件加倍一样。
$(文档).ready(函数(){
$('.pcode_btn').click(function(event){
var pcode=$('.pcode').val();
var pcode=$('.pcode2').val();
if(pcode==""){
//nothing entered
alert("Please enter your clients postcode");
return;
}
//show calender
$('.calender_holder').fadeIn(500);
$('.instr').text("Select a suitable time when your client is available for one of our agents to visit by selecting an available time-slot below.");
//slide calender
$('.next').click(function(event){
if($('.date_holder').css('left') != '-1743px') {
$(this).prop('disabled', true)
$('.date_holder').animate({left:'-=581px'}, 500, function() {
$('.next').prop('disabled', false)
});
}
return false;
});
$('.prev').click(function(event){
if($('.date_holder').css('left') != '0px') {
$(this).prop('disabled', true)
$('.date_holder').animate({left:'+=581px'}, 500, function() {
$('.prev').prop('disabled', false)
});
}
return false;
});
});
});