Javascript jquery draggable:当您单击draggable处理程序时会感到紧张吗?

Javascript jquery draggable:当您单击draggable处理程序时会感到紧张吗?,javascript,jquery,jquery-ui,jquery-ui-draggable,jquery-1.9,Javascript,Jquery,Jquery Ui,Jquery Ui Draggable,Jquery 1.9,在添加right:0时,有没有人在jquerydraggable中遇到过这种错误;底部:0到您的弹出框 当您单击处理程序时,框会跳出光标 jquery $(".popup").draggable({ cursor: "move", handle: ".popup-outer", cancel: ".popup-inner" }); html 你知道我该怎么解决吗?tealou我的答案不符合你的要求?根本不起作用。谢谢。你的要求是什么?你试过我的链接吗?你在代码中犯了错误。如果您试图从css中

在添加
right:0时,有没有人在jquery
draggable
中遇到过这种错误;底部:0到您的弹出框

当您单击
处理程序时,框会跳出光标

jquery

$(".popup").draggable({ 
cursor: "move",
handle: ".popup-outer",
cancel: ".popup-inner"
});
html


你知道我该怎么解决吗?

tealou我的答案不符合你的要求?根本不起作用。谢谢。你的要求是什么?你试过我的链接吗?你在代码中犯了错误。如果您试图从css中删除
//这会导致bug
,那么您就会看到发生了什么。谢谢
<div class="popup-outer popup">
    <div class="popup-inner">
        <div class="box-close"><a href="#" class="button-close">x close</a></div>
        <div class="ajax-response"></div>
    </div>
</div>
.popup-outer{
    position:absolute;

    top:0;
    left:0;
    right: 0; //this causes the bug
    bottom: 0; //this causes the bug

    max-width: 1000px;
    height:500px;
    margin: auto;

    padding:6px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius: 4px; 
    background: url(../image/trans_black.png);
}

.popup-inner {
    text-align:left; 
    background-color:#ffffff; 
    margin:0px; 
    padding:20px;
    overflow:hidden; 
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    border-radius: 2px;
    border:0px solid #999;
    color:#333333;

    border:0 solid red;

    cursor:default;
}