基本上我得到的動態按鈕具有相同的點擊事件。當我單擊不同的按鈕時,我必須顯示一些不同的面板。我這樣做了,但用戶/我無法隱藏我出現的面板。所以我想如果我可以學習讓我們說我有第一按鈕和第二按鈕,當他們點擊他們將顯示他們的特定面板我完成了但是當我第二次點擊第一或第二按鈕時我想隱藏該按鈕的面板。
(只有一個面板我寫了特定按鈕的內容)
- 有動態按鈕
- 所有動態按鈕都有相同的點擊事件
- 所有按鈕都必須顯示相同的面板但內容不同
- 想了解如何知道第二次點擊了哪個動態按鈕
- 使用 Delphi TMS Web
所以我可以隱藏面板
uj5u.com熱心網友回復:
我建議為此使用 javascript 函式如果您希望多個按鈕執行相同的操作,這是最好的選擇
我的解決方案:
function changeobj(objid) {
let displaytypes = {
"none": "inline",
"inline": "none"
};
let obj = document.getElementById(objid);
if (obj) {
obj.style.display = displaytypes[obj.style.display] || "none";
}
}
<body style="background-color: darkcyan;">
<button onclick="changeobj('test')">toggleview</button>
<br>
<h id="test">test</h>
</body>
uj5u.com熱心網友回復:
您可以只查找元素(卡片)的外觀(顯示)狀態,并使用if條件檢查來切換函式的流程,如下所示:
const element = {style: {display: 'none'}}
function toggleCard(element){
if(element.style.display === 'none'){
element.style.display = 'block'
//more code
}
else{
element.style.display = 'none'
//more code
}
}
toggleCard(element)
console.log(element.style.display)
轉載請註明出處,本文鏈接:https://www.uj5u.com/caozuo/509900.html
