使用Javascript .click插入Css(太晚了)

时间:2012-06-14 12:45:35

标签: javascript css

我正在处理我的代码,它的工作但是行动(插入css)是在行动的后期。

jQuery(document).ready(function() {

     jQuery("#cal2tozindex").click(function() {
      jQuery("#cal2tozindex").css('z-index','1000');
      jQuery("#cal3tozindex").css('z-index','1');
     });

     jQuery("#cal3tozindex").click(function() {
      jQuery("#cal3tozindex").css('z-index','1000');
      jQuery("#cal2tozindex").css('z-index','1');
     });

});

有网址,您可以在该部分右侧,点击蓝色按钮,其上面有一个名为“vols”的平面。 http://www.voyagesendirect.me/multisites/esther/

我想要的是什么:

  

当你点击第一个字段时:'date dedepart'(cal2tozindex)他   应该成为一个z指数:1000;和另一个领域:'date de   retour'(cal3tozindex)应该与z-index:1;

     

与您同样点击第二个字段。

我的实际问题:

css的插入是迟到的,javascript在你点击一个日期之后放了css,而不是你先点击该字段。我真的需要代码工作在第一次点击(在字段上)而不是在第二次(在日期)。

感谢大家帮我解决这个问题!

1 个答案:

答案 0 :(得分:0)

jQuery(document).ready(function() {        
    jQuery("#date_dep_calFLT").focus(function() {
    jQuery("#cal2tozindex").css('z-index','1000');
    jQuery("#cal3tozindex").css('z-index','1');
});
jQuery("#bt-cal_FLT").click(function() {
    jQuery("#cal2tozindex").css('z-index','1000');
    jQuery("#cal3tozindex").css('z-index','1');
});

jQuery("#date_ret_calFLT").focus(function() {
    jQuery("#cal3tozindex").css('z-index','1000');
    jQuery("#cal2tozindex").css('z-index','1');
});

jQuery("#bt-cal_FLT_ret").click(function() {
    jQuery("#cal3tozindex").css('z-index','1000');
    jQuery("#cal2tozindex").css('z-index','1');
});

});