Question

说明

我有以下代码可以正常使用

$("#pom").mousedown(function(){
alert("mouse_down");    
});

当鼠标正确关闭时会发出警报

$("#pom").mouseup(function(){
alert("mouse_up");      
});

鼠标启动时它可以正常工作

当我放置除警报以外的其他内容时，问题就开始了。在我的情况下，我在mousedown上添加一个类到$（“＃pom”）并在鼠标启动时删除该类，但它只以一种方式发生。当鼠标停止时，类会被添加，但是当鼠标启动时不会被删除。任何解决方案都表示赞赏：）

问题演示：

Demo

Answer 1

只是一个指针。评论说它引起了这个问题。

.rotate{
    -webkit-transform: rotateY(50deg);
    /*-webkit-transform-origin: 0% 50%;*/
}

更新：

我可能忽略了你希望代码做什么的观点，但无论如何元素都没有旋转。试试这个（根据你的内容调整它）：

#pom
    {
        width: 200px;
        height: 100px;
        background-color: yellow;
        border-radius: 3px;
        border: solid #444444 3px;
    }
    .rotate
    {
        -ms-transform: rotate(45deg); /* IE 9 */
        -ms-transform-origin: 20% 40%; /* IE 9 */
        -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
        -webkit-transform-origin: 20% 40%; /* Chrome, Safari, Opera */
        transform: rotate(45deg);
        transform-origin: 20% 40%;

    }

最后，正如Marc B指出的那样，如果你正在移动mousedown中的元素，那么mouseup就不会被激发了。

mouseup和mousedown在jquery中没有一起工作

1 个答案: