Jquery.css（）在JQuery.effect（）之前不起作用

Question

我在jQuery中编写了一个代码，我使用jquery来动态更改div的css。

当我在没有成功的.effect（）调用的情况下编写代码时，代码正在工作。

工作代码

 $('.col1').on('mouseenter',function(){
            $('.col1').css('opacity','1');
        }).on('mousedown', function () {
            $('.col1').css('opacity','.6');
        }).on('mouseup', function () {
            $('.col1').css('opacity','1');
 });

现在，当我执行以下效果（）调用时，它不再起作用。

不工作。

$('.col1').on('mouseenter',function(){
        $('.col1').css('opacity','1');
    }).on('mousedown', function () {
        $('.col1').css('opacity','.6').effect( "shake", { direction: "up", times: 2, distance: 10}, 500);
    }).on('mouseup', function () {
        $('.col1').css('opacity','1');
    });

这里出了什么问题？

这部分不起作用的是：$('.col1').css('opacity','.6') 在将shake（）添加到代码中之后。