1 回答

TA貢獻(xiàn)1803條經(jīng)驗(yàn) 獲得超6個(gè)贊
不要對(duì)多個(gè)對(duì)象使用相同的 ID。您的 div 和按鈕具有相同的 ID,并且也沒(méi)有被引用。
改變這個(gè):
</br>
<button id=".$i." class='myBtn'>?</button>
<div id=".$i." class='modal'>
對(duì)此或類似的東西:
</br>
<button id='button".$i."' class='myBtn'>?</button>
<div id='div".$i."' class='modal'>
請(qǐng)注意,我在 ID 號(hào)前面添加了一個(gè)描述符,以區(qū)分按鈕和 div,然后使用相同的遞增變量來(lái)確保每一對(duì)在描述符后獲得相同的編號(hào)(例如:div1 與 button1 一起使用,等等)。
您也沒(méi)有將 ID 括在引號(hào)中。我在上面的示例修訂版中將它們用單引號(hào)引起來(lái)。更改將生成如下 HTML 輸出。
</br>
<button id='button1' class='myBtn'>?</button>
<div id='div1' class='modal'>
...
</br>
<button id='button2' class='myBtn'>?</button>
<div id='div2' class='modal'>
在您的 Javascript 代碼中(感謝 @kerbholz),更改 ID 以匹配。我會(huì)以編程方式執(zhí)行此操作(您在代碼中使用靜態(tài)值),但是最終結(jié)果應(yīng)該像這樣預(yù)先考慮您的指示符(但通過(guò)使用正確數(shù)字的代碼)。
var modal = document.getElementById("div1");
var btn = document.getElementById("button1");
不過(guò),您沒(méi)有將 id 號(hào)傳遞給腳本。您可以使用“this”或傳遞值或其他方法,因此您的按鈕控制正確的兩個(gè)元素。
- 1 回答
- 0 關(guān)注
- 171 瀏覽
添加回答
舉報(bào)