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时,有没有人在jquerydraggable
中遇到过这种错误;底部: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;
}