1 回答

TA貢獻1803條經驗 獲得超6個贊
不要對多個對象使用相同的 ID。您的 div 和按鈕具有相同的 ID,并且也沒有被引用。
改變這個:
</br>
<button id=".$i." class='myBtn'>?</button>
<div id=".$i." class='modal'>
對此或類似的東西:
</br>
<button id='button".$i."' class='myBtn'>?</button>
<div id='div".$i."' class='modal'>
請注意,我在 ID 號前面添加了一個描述符,以區分按鈕和 div,然后使用相同的遞增變量來確保每一對在描述符后獲得相同的編號(例如:div1 與 button1 一起使用,等等)。
您也沒有將 ID 括在引號中。我在上面的示例修訂版中將它們用單引號引起來。更改將生成如下 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 以匹配。我會以編程方式執行此操作(您在代碼中使用靜態值),但是最終結果應該像這樣預先考慮您的指示符(但通過使用正確數字的代碼)。
var modal = document.getElementById("div1");
var btn = document.getElementById("button1");
不過,您沒有將 id 號傳遞給腳本。您可以使用“this”或傳遞值或其他方法,因此您的按鈕控制正確的兩個元素。
- 1 回答
- 0 關注
- 142 瀏覽
添加回答
舉報