1 回答

TA貢獻(xiàn)2021條經(jīng)驗(yàn) 獲得超8個(gè)贊
最簡(jiǎn)單的解決方案似乎是預(yù)先呈現(xiàn)所有票證的詳細(xì)信息。讓我們檢查一下這段代碼:
<div class="ticketDetail hidden" id="ticketDetail-{{$ticket->id}}">
<p>Contact: {{$ticket->tel}}</p>
{{$ticket->description}}
</div>
.hidden {
display: none;
}
現(xiàn)在我們有了附有 ID 的工單的詳細(xì)信息。呈現(xiàn) DOM 樹(shù)中所有票證的詳細(xì)信息。
單擊圖標(biāo)時(shí),我們需要以某種方式獲取票證的 ID。我建議單獨(dú)附上:
<div class="details" id="plusBtn-{{$ticket->id}}" data-ticketId="{{$ticket->id}}">
Click Icon
</div>
現(xiàn)在我們可以用它來(lái)找到合適的票:
const element = $(elementId);
element.click(() => {
const ticketId = element.attr('data-ticketId');
const ticketDetail = $(`#ticketDetail-${ticketId}`);
ticketDetail.removeClass('hidden');
});
我希望這有幫助 :)
- 1 回答
- 0 關(guān)注
- 178 瀏覽
添加回答
舉報(bào)