為什么重復(fù)點(diǎn)擊bottom事件邊框效果會一直增加，只想要一個邊框的話應(yīng)該怎么寫
為什么重復(fù)點(diǎn)擊bottom事件邊框效果會一直增加，只想要一個邊框的話應(yīng)該怎么寫
qq_誰_15
2019-04-20
1 回答
舉報
0/150
提交
取消
2019-04-21
因為兩個個onclick事件是分別給right1和left1的內(nèi)部元素添加包裹標(biāo)簽比如
<div class="right1">p元素</div>
? ? ? ? <div class="right1">p元素</div>點(diǎn)擊第一個按鈕，給這段代碼加外標(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í)線外邊框
? ? }
也就是說有幾層p標(biāo)簽就有幾層外邊框,只要一層邊框的話框的話可以去掉p，a標(biāo)簽的樣式，然后用jQuery給right1中的第一個p標(biāo)簽和left1中的第一個a標(biāo)簽添加外邊框。