                        課程
                    
                        /前端開發(fā)
                        
                            /jQuery
                        
                        /jQuery基礎(chǔ)(五)一Ajax應(yīng)用與常用插件

拖動(dòng)到回收站，不變色沒反應(yīng)

拖動(dòng)沒反應(yīng)，背景色不變是怎么回事

qq_細(xì)雨聽荷_0

2017-06-20

源自：jQuery基礎(chǔ)(五)一Ajax應(yīng)用與常用插件 3-2

關(guān)注問題我要回答

930

操作

收起

2 回答

收獲季節(jié)
2017-09-19

你在style.css文件里，找到.focus。把#eee該成#ccc.就可以了

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

兼容并包
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://idcbgp.cn/data/jquery-1.8.2.min.js" type="text/javascript"></script>
? ?<script src="http://idcbgp.cn/data/jquery-ui-1.9.2.min.js" type="text/javascript"></script>
? ?
</head>

<body>
<div id="divtest">
? ?<div class="box">
? ? ? ?<div class="title">產(chǎn)品區(qū)</div>
? ? ? ?<div class="drag"><div>蘋果</div></div>
? ?</div>
? ?<div class="box">
? ? ? ?<div class="title">回收站</div>
? ? ? ?<div class="cart"><div id="tip">還沒有產(chǎn)品</div></div>
? ?</div>
</div>

<script type="text/javascript">
? ?$(function () {
? ? ? ?$(".drag").draggable();
? ? ? ?$(".cart").droppable({
? ? ? ? ? ?drop: function () {
? ? ? ? ? ? ? ?$(this).addClass('focus').find('#tip').html('');
? ? ? ? ? ?}
? ? ? ?})
? ?});
</script>
</body>
</html>