弄不懂為什么吧a換成div之后會(huì)彈兩次窗口
弄不懂為什么吧a換成div之后會(huì)彈兩次窗口，求解答?。?！謝謝
簡(jiǎn)簡(jiǎn)單單ap
2017-03-11
3 回答
舉報(bào)
0/150
提交
取消
2017-04-01
<!DOCTYPE html>
<html>
<head>
??? <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
??? <title></title>
??? <style>
?? ?
??? .left,.right {
????? ?
??????? padding: 5px;
??????? margin: 5px;
??????? float: left;
??????? border: 1px solid #ccc;
??? }
?? ?
??? .left {
??????? background: #bbffaa;
??????? width: 1000px;
??????? height: 100px;
??? }
?? ?
??? .right{
???????? width: 500px;
??????? height: 50px;
??????? background: yellow;
??? }
??? </style>
??? <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>
</head>
<body>
??? <h2>on事件委托</h2>
??? <div class="left">
??????? <div class="right">
?????????? ?
??????????? <a>點(diǎn)擊這里</a>
??????? </div>
??? </div>
??? <script type="text/javascript">
??? //給body綁定一個(gè)click事件
??? //沒有直接a元素綁定點(diǎn)擊事件
??? //通過(guò)委托機(jī)制，點(diǎn)擊a元素的時(shí)候，事件觸發(fā)
??? $('body').on('click', '', function(e) {
?????? alert(e.target.textContent)
??? })
??? </script>
</body>
</html>
2017-04-01
查了好久，終于知道了。
1.題目的div兩個(gè)標(biāo)簽已經(jīng)重疊了，你每點(diǎn)一次就相當(dāng)于兩個(gè)div都點(diǎn)了。實(shí)際上老師寫錯(cuò)了class名，css里寫的是right但div上的是arron。你可以嘗試一些改變父div的大小，然后再在不同的區(qū)域試一試。
2.a標(biāo)簽里面不能嵌套qa標(biāo)簽使用。可以自己查查
2017-03-11
向上冒泡的過(guò)程中碰到兩個(gè)<div>標(biāo)簽