課程
/前端開發
/jQuery
/jQuery基礎(五)一Ajax應用與常用插件
拖動沒反應,背景色不變是怎么回事
2017-06-20
源自:jQuery基礎(五)一Ajax應用與常用插件 3-2
正在回答
你在style.css文件里,找到.focus。把#eee該成#ccc.就可以了
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> ? ?<title>放置插件</title> ? ?<link href="style.css" rel="stylesheet" type="text/css" /> ? ?<script src="http://www.xianlaiwan.cn/data/jquery-1.8.2.min.js" type="text/javascript"></script> ? ?<script src="http://www.xianlaiwan.cn/data/jquery-ui-1.9.2.min.js" type="text/javascript"></script> ? ?</head><body><div id="divtest"> ? ?<div class="box"> ? ? ? ?<div class="title">產品區</div> ? ? ? ?<div class="drag"><div>蘋果</div></div> ? ?</div> ? ?<div class="box"> ? ? ? ?<div class="title">回收站</div> ? ? ? ?<div class="cart"><div id="tip">還沒有產品</div></div> ? ?</div></div><script type="text/javascript"> ? ?$(function () { ? ? ? ?$(".drag").draggable(); ? ? ? ?$(".cart").droppable({ ? ? ? ? ? ?drop: function () { ? ? ? ? ? ? ? ?$(this).addClass('focus').find('#tip').html(''); ? ? ? ? ? ?} ? ? ? ?}) ? ?});</script></body></html>
舉報
如何用jquery實現ajax應用,加入學習,有效提高前端開發速度
1 回答都沒有反應
8 回答為什么沒反應啊,上一節也是沒反應。
2 回答怎么沒反應啊
7 回答為什么沒有反應
2 回答為什么沒有反應
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2017-09-19
你在style.css文件里,找到.focus。把#eee該成#ccc.就可以了
2017-06-22
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
? ?<title>放置插件</title>
? ?<link href="style.css" rel="stylesheet" type="text/css" />
? ?<script src="http://www.xianlaiwan.cn/data/jquery-1.8.2.min.js" type="text/javascript"></script>
? ?<script src="http://www.xianlaiwan.cn/data/jquery-ui-1.9.2.min.js" type="text/javascript"></script>
? ?
</head>
<body>
<div id="divtest">
? ?<div class="box">
? ? ? ?<div class="title">產品區</div>
? ? ? ?<div class="drag"><div>蘋果</div></div>
? ?</div>
? ?<div class="box">
? ? ? ?<div class="title">回收站</div>
? ? ? ?<div class="cart"><div id="tip">還沒有產品</div></div>
? ?</div>
</div>
<script type="text/javascript">
? ?$(function () {
? ? ? ?$(".drag").draggable();
? ? ? ?$(".cart").droppable({
? ? ? ? ? ?drop: function () {
? ? ? ? ? ? ? ?$(this).addClass('focus').find('#tip').html('');
? ? ? ? ? ?}
? ? ? ?})
? ?});
</script>
</body>
</html>