奇妙的jquery抖动问题

最新推荐文章于 2020-05-20 14:28:42 发布

jajavaja

最新推荐文章于 2020-05-20 14:28:42 发布

阅读量1.9k

点赞数

分类专栏： jquery

本文链接：https://blog.csdn.net/jajavaja/article/details/8283457

版权

jquery 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

在搜狗浏览器中,设置一个div为draggable,另一个div设置为 ui-widget-content draggable2,拖动div,另一个div会抖动...

会抖动的jquery代码

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" contentType ="text/html; charset=utf-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
   
    <link rel="stylesheet" type="text/css" href="css/dot-luv/jquery-ui-1.9.2.custom.css">
    <script src="js/jquery-1.8.3.js"></script>
  <script src="js/jquery-ui-1.9.2.custom.js"></script>
  <title>My JSP 'index.jsp' starting page</title>
  
  <script>
  $(function () {$( ".draggable" ).draggable();});</script>  
  </head>
  <body>
<br/><br/><br/><br/><br/>
<div class="draggable">
    <p>A</p>
</div>
 <div  class="ui-widget-content draggable2">
    <p>B</p>
</div>
<br/><br/><br/><br/><br/><br/><br/><br/>


<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>

  </body>
</html>

不抖动的代码,只在上边的代码的基础上少写了点br

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" contentType ="text/html; charset=utf-8"%>
<html>
	<head>
		<link rel="stylesheet" type="text/css" href="css/dot-luv/jquery-ui-1.9.2.custom.css">
		<script src="js/jquery-1.8.3.js"></script>
		<script src="js/jquery-ui-1.9.2.custom.js"></script>
		<script >
			$(function(){$(".draggable").draggable();
		});
		</script>
	</head>
	<body>
		<br/><br/><br/><br/><br/><br/><br/><br/><br/>
		<div class="draggable">aaa
			<p>a2a2a2a2a2a2a2a2a2</p>
		</div>
		ddddd
		<div  class="ui-widget-content draggable2">
    <p>B</p>
</div>
	</body>

莫名其妙的错误....