已解決430363個問題，去搜搜看，總會有你想問的

jQuery - 如何使元素不從父級執行 onclick 函數？

首頁猿問 jQuery -...

jQuery - 如何使元素不從父級執行 onclick 函數？

JavaScript

一只甜甜圈 2023-06-09 15:11:56

在這個例子中，我在主 div 上有 onclick 函數，我不希望按鈕執行相同的 onclick，只執行它自己的？我應該怎么說呢？<div onclick="$('#extra-info').slideToggle();" class="card card-body item"><div class="row"> <h6 style="position:absolute;left:2%;">Comanda #1</h6> <h5 style="position:absolute;right:2%;">15 min</h5></div><br><br><div class="row"> <div class="col col-md-10"> <h5>Cristian Cutitei</h5> <h6>0737032567</h6> </div> <div> <button id="status" onclick="checkText('#status', 2);" style="margin:auto;" class="btn btn-primary"><span>In pregatire</span></button> </div></div><div id="extra-info" style="display:none;"> <br></div>

查看完整描述

1 回答

慕田峪7331174

TA貢獻1828條經驗獲得超13個贊

您可以通過調用event.stopPropagation();按鈕來做到這一點。

<button?id="status"?onclick="checkText('#status',?2);?event.stopPropagation();"?style="margin:auto;"?class="btn?btn-primary"><span>In?pregatire</span></button>

但我會建議一個更清潔的解決方案，將卡片主體與按鈕所在的卡片頁腳分開。

? <div onclick="$('#extra-info').slideToggle();">

? ? <div class="row">

? ? ? <h6 style="position:absolute;left:2%;">Comanda #1</h6>

? ? ? <h5 style="position:absolute;right:2%;">15 min</h5>

? ? </div>

? ? <br>

? ? <div class="row">

? ? ? <div class="col col-md-10">

? ? ? ? <h5>Cristian Cutitei</h5>

? ? ? ? <h6>0737032567</h6>

? ? ? </div>

? ? </div>

? </div>

? <div>

? ? <button id="status" onclick="e => e.stopPropagation();" style="margin:auto;" class="btn btn-primary"><span>In pregatire</span></button>

? </div>

</div>

? <br>

</div>

反對回復 2023-06-09

1 回答
0 關注
188 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

jQuery - 如何使元素不從父級執行 onclick 函數？

jQuery - 如何使元素不從父級執行 onclick 函數？

1 回答

添加回答