使用IE的Jquery和Onclick事件的问题

时间:2014-04-29 09:24:37

标签: javascript jquery html internet-explorer

我有这个HTML代码:

    <div class="staff_options dep_0" onclick="javascript: selectDepartamento(0, 'black')">
        <hr class="hr_staff dep_0" style="width:50px;">ShBarcelona<hr class="hr_staff dep_0" style="width:50px;">
    </div>
    <div class="staff_options dep_1" onclick="javascript: selectDepartamento(1, 'rgb(165,33,33)')">
        <hr class="hr_staff dep_1" style="width:65px;">Dirección<hr class="hr_staff dep_1" style="width:65px;">
    </div>
    <div class="staff_options dep_2" onclick="javascript: selectDepartamento(2, 'rgb(42, 54, 199)')">
        <hr class="hr_staff dep_2" style="width:47px;">Administración<hr class="hr_staff dep_2" style="width:47px;">
    </div>

并且函数selectDepartamento只执行此操作:

if (id != 0){
    $('.empleado_imagen').css("background-size", '0px');
    $('.dep_'+id).css("background-size", '125px');
}else{
    $('.empleado_imagen').css("background-size", '125px');
}

$('.staff_options').css('color', 'black');
$('.staff_options').css('font-weight', 'normal');
$('.staff_options.dep_'+id).css("color", "'"+color+"'");
$('.staff_options.dep_'+id).css("font-weight", "bold");

if !($.browser.msie){
    $('.hr_staff').css('display', 'none');      
    $('.hr_staff.dep_'+id).css("border-color", "'"+color+"'");
    $('.hr_staff.dep_'+id).css('display', 'inline-block');
}

使用谷歌浏览器和Mozilla Firefox这种方法效果很好,但IE只在我使用元素检查器时检测到onclick事件。

我不明白,因为这不起作用。感谢。

1 个答案:

答案 0 :(得分:0)

  

...但IE仅在我使用元素检查器时检测到onclick事件...

正如Praveen在评论中所说的那样,听起来你在某个你未展示过的地方使用了console对象。在IE中,console对象仅存在when the dev tools are open