為什么重復(fù)點(diǎn)擊bottom事件邊框效果會(huì)一直增加，只想要一個(gè)邊框的話應(yīng)該怎么寫(xiě)
為什么重復(fù)點(diǎn)擊bottom事件邊框效果會(huì)一直增加，只想要一個(gè)邊框的話應(yīng)該怎么寫(xiě)
qq_誰(shuí)_15
2019-04-20
1 回答
舉報(bào)
0/150
提交
取消
2019-04-21
因?yàn)閮蓚€(gè)個(gè)onclick事件是分別給right1和left1的內(nèi)部元素添加包裹標(biāo)簽比如
<div class="right1">p元素</div>
? ? ? ? <div class="right1">p元素</div>點(diǎn)擊第一個(gè)按鈕，給這段代碼加外標(biāo)<p></p>后就變成了
<div class="right1"><p>p元素</p></div>
? ? ? ? <div class="right1"><p>p元素</p></div>再點(diǎn)一次按鈕，這段代碼就變成了
<div class="right1"><p><p>p元素</p></p></div>
? ? ? ? <div class="right1"><p><p>p元素</p></p></div>
而p標(biāo)簽的樣式
p {
? ? ? ? border: 1px solid red;//給p標(biāo)簽設(shè)置1像素寬的實(shí)線外邊框
? ? }
也就是說(shuō)有幾層p標(biāo)簽就有幾層外邊框,只要一層邊框的話框的話可以去掉p，a標(biāo)簽的樣式，然后用jQuery給right1中的第一個(gè)p標(biāo)簽和left1中的第一個(gè)a標(biāo)簽添加外邊框。