此代码适用于 Firefox、Internet Explorer,不适用于 Safari/Chrome:
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery-ui.js"></script>
<script>
function newDiv() {
var div = $('<div id="divNew" style="width: 50px; height: 50px; border: solid 1px; background: Red"></div>');
$('#divParent').append(div);
div.draggable(
{
containment: 'parent'
});
}
</script>
</head>
<body>
<a href="javascript:;" onclick="newDiv()">new div</a>
<div id="divParent" style="width: 500px; height: 500px; border: solid 1px;"></div>
</body>
在 Safari/Chrome 中,divNew 只能垂直移动。 jQuery的这个功能目前不兼容?我使用的是1.5.2稳定版本。可以在这里找到jQuery 1.5.2
最佳答案
我找到的解决方案是设置元素position:absolute!important
,:))
关于jQuery Safari/Chrome 与可拖动包含属性不兼容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/285502/