我正在嘗試制作一個(gè)網(wǎng)站，用戶可以在其中按偏好順序?qū)D片進(jìn)行排名。由于每個(gè)用戶將被分配隨機(jī)的圖片數(shù)組，因此我需要存儲(chǔ)他們?cè)诿總€(gè)位置排名的 img.src 。目前使用 sortable，它僅引用排序圖像的 id。我正在嘗試調(diào)用已使用 sortableJS 排序的有序數(shù)組。當(dāng)我按顯示的方式調(diào)用它時(shí)，它說(shuō)“未定義可排序”。當(dāng)我嘗試在 Sortable.create 函數(shù)中插入函數(shù) getImageOrder(orderIds)、getImageName(imageId) 和 extractNameFrom(imageSrc) 時(shí)，它無(wú)法識(shí)別 img.src 引用。有誰(shuí)知道如何使其成為全局變量，以便我可以這樣調(diào)用它？我需要以這種方式調(diào)用它，以便查看 img.src 的順序。<html> <h1> Rank Images </h1><h3> From 1 (most preference) to 3 (least preference) </h3><body class="body"> <div id="rankedPicture" class="images"> <img src="/Users/rankWebsite/images/image_3.jpg" data-id="black" id = "drag1" width="106" height="69"> <img src="/Users/rankWebsite/images/image_2.jpg" data-id="orange" id = "drag2" width="106" height="69"> <img src="/Users/rankWebsite/images/image_1.jpg" data-id="white" id = "drag3" width="106" height="69"> </div> <br> <br> <div class="submit"> <button type="button"> Submit </button> </div> <script src="https://cdn.jsdelivr.net/npm/sortablejs@latest/Sortable.min.js"></script> <script type="text/javascript" src="/Users/rankWebsite/js/main.js"></script> <script type="text/javascript" src="/Users/rankWebsite/css/mainstyle.css"></script></body></html>
從 SortableJS 調(diào)用函數(shù)作為全局變量
滄海一幻覺(jué)
2023-09-28 15:52:19
