拉莫斯之舞
2023-02-17 16:04:23
我有一些 nested <div>,我想在其中單擊其中一個 nested 時調用一個函數<div>,但是我無法實現它。這是我的 HTML:<div class="seat available"> <div id="2020" class="seat-click"></div> <div class="tootltip-text"> <p>Name : <span id="id31">Subham<span><button>Ok</button></span></span></p> <p>Seat No :<span id="13-tooltip-count">111</span></p> <p>Team :<span id="id32">Abc</span></p> </div></div>這是我的 jQuery :$('.seat-click').on('click', function () { console.log('Hello'); });為了清楚理解,參考https://jsfiddle.net/47s8q2pv/4/在這里,我希望僅在單擊時調用單擊函數<div id="2020" class="seat-click"></div>。如果我將 jQuery 更改為$('.seat-click').on('click', function () { console.log('Hello'); });如果我這樣做,那么我<div class="tootltip-text">也將調用相同的點擊功能,這是我不想要的,因為將來我會在工具提示中有一些按鈕和可點擊的項目。有什么解決方法嗎?
2 回答

慕俠2389804
TA貢獻1719條經驗 獲得超6個贊
正如@entiendoNull 所說,您的 seat-click 元素的高度為 0。
您可以設置該元素的高度或在 seat 元素上編寫點擊事件處理程序,而不是使用:
$('.seat').on('click', function () { console.log('Hello'); });

慕無忌1623718
TA貢獻1744條經驗 獲得超4個贊
您正在使用的 div 沒有顯示在瀏覽器中,因為它<div id="2020" class="seat-click"></div>沒有任何寬度或高度。
我不明白你在這種情況下想要什么,但如果你想讓工具提示出現的按鈕能夠被點擊,也許這適合你
<div class="seat available">
<div id="2020" class="seat-click">
<div class="tootltip-text">
<p>Name : <span id="id31">Subham<span><button>Ok</button></span></span></p>
<p>Seat No :<span id="13-tooltip-count">111</span></p>
<p>Team :<span id="id32">Abc</span></p>
</div>
</div>
</div>
添加回答
舉報
0/150
提交
取消