使用idrag插件实现拖曳问题
在火狐浏览器上没有问题,但是换到IE浏览器就只能拖动一次,移动之后想再次拖动就不行了,请问有什么问题?代码如下:
<%@ page language="Java" contentType="text/html;charset=UTF-8"%>
<%@ page
import="org.springframework.web.context.support.WebApplicationContextUtils"%>
<%@ page import="com.fpi.bear.web.framework.service.AppSystemService"%>
<%@ page import="org.springframework.web.context.WebApplicationContext"%>
<%@ page import="com.fpi.bear.web.framework.service.AppSystem"%>
<%@ page import="java.util.List"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.
<html xmlns="http://www.
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link type="text/css" href="/jsp/resources/jquery-ui-1.8.21.custom/css/redmond/jquery-ui-1.8.21.custom.css" rel="stylesheet" />
<link type="text/css" href="style.css" rel="stylesheet" />
<script type="text/javascript" src="/jsp/resources/jquery-ui-1.8.21.custom/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="/jsp/resources/jquery-ui-1.8.21.custom/js/jquery-ui-1.8.21.custom.min.js"></script>
<script type="text/javascript" src="/jsp/resources/jQuery-Validation/js/idrag.js"></script>
<script type="text/javascript" src="/jsp/resources/jQuery-Validation/js/iutil.js"></script>
<script type="text/javascript" src="/jsp/resources/jQuery-Validation/js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.div').Draggable({
revert: false,
zIndex : 1000,
ghosting : false,
opacity : 0.7,
containment : 'parent'
});
});
</script>
</head>
<body>
<div class="wraps">
<div id="parentDiv" class="login_dis" style="margin: 0px auto;width:800px;height:500px;position: relative;">
<img id="img" src="/images/chinamap.png" alt="" width="100%" height="100%" style="width:100%;height:100%;"/>
<div class="div" style="position: absolute; width: 100px; height: 70px;top:180px;left:710px;margin-left:-50px;">
<div style="width: 100%; margin-left: 20px; margin-right: 26px;">
<a href="javascript:;" isAllowed="true">
<img src="/images/red_flag.png" style="border: 0px; width: 45px; height: 50px; ">
</a>
</div>
<div style="width: 100%; text-align: center; ">
<span style="border:#000000 dashed 1px; background-color: rgb(255, 255, 255); opacity: 0.7; padding: 2px; font-size: 12px; ">XXXXXX</span>
</div>
</div>
</div>
</div>
</body>
</html>