jscript 相关问题

我正在尝试创建一个 JS 轮播，它仅适用于第一个滑块，同一页面上的第二个滑块不起作用，请帮助同一页面上多个滑块的 jscript。网页格式我正在尝试创建一个 JS 旋转木马，它仅适用于第一个滑块，同一页面上的第二个滑块不起作用，请帮助同一页面上多个滑块的 jscript。 html <div class="movie-list" id="slider1"> <div class="movie-list-item"> <img class="movie-list-item-img" src="img/black_panther.jpg" alt="Black_Panther.jpg" draggable="false"> <span class="movie-list-item-title">Black Panther</span> <p class="movie-list-item-desc"> T'Challa, heir to the hidden but advanced kingdom of Wakanda, must step forward to lead his people into a new future. </p> <button class="movie-list-item-button">WATCH</button> </div> <div class="movie-list-item"> <img class="movie-list-item-img" src="img/John-wick.jpg" alt="Black_Panther.jpg" draggable="false"> <span class="movie-list-item-title">Black Panther</span> <p class="movie-list-item-desc"> T'Challa, heir to the hidden but advanced kingdom of Wakanda, must step forward to lead his people into a new future. </p> <button class="movie-list-item-button">WATCH</button> </div> <button class="slider-btn"> <i id="right" class="arrow btn-right"></i> </button> <button class="slider-btn"> <i id="left" class="arrow btn-left"></i> </button> </div> JScript const carousel = document.querySelector(".movie-list"), firstImg = carousel.querySelectorAll(".movie-list-item")[0]; arrowIcons = document.querySelectorAll(".arrow"); let firstImgWidth = firstImg.clientWidth + 15; arrowIcons.forEach(icon => { icon.addEventListener("click", () => { carousel.scrollLeft += icon.id == "left" ? -firstImgWidth : firstImgWidth; }); });

html jscript

回答 0 投票 0

如何在 Leaflet 地图上制作交互式标记图例？

我制作了一张带有多个自定义弹出标记的传单地图。我正在尝试制作一个标记的图例，这些标记将锚定回各自的弹出窗口。我该怎么做？

dictionary legend jscript

回答 0 投票 0

如何隐藏表格直到内容被过滤？

如何让下表隐藏，直到我从搜索栏中搜索内容？我希望在使用搜索栏过滤表格之前不显示表格如何让下表隐藏，直到我从搜索栏中搜索内容？我希望在使用搜索栏过滤表格之前不显示表格 <html> <div class="students"> Students <input type="text" id="studsearch" onkeyup="StudentSearch()" placeholder="Search Student Number"> <body> <table border ="1" cellpadding="0" id="studtable"> <tr> <th>Student No.</th> <th>Full Name</th> </tr> <tr id="stud1"> <td>1</td> <td>John</td> </tr> <tr id="stud2"> <td>2</td> <td>Mike</td> </tr> </table> </body> </div> <script> function StudentSearch() { var input, filter, table, tr, td, i, txtValue; input = document.getElementById("studsearch"); filter = input.value.toUpperCase(); table = document.getElementById("studtable"); tr = table.getElementsByTagName("tr"); for (i = 0; i < tr.length; i++) { td = tr[i].getElementsByTagName("td")[0]; if (td) { txtValue = td.textContent || td.innerText; if (txtValue.toUpperCase().indexOf(filter) > -1) { tr[i].style.display = ""; foundHit = true; } else { tr[i].style.display = "none"; } } } } </script> </html> 我希望在搜索之前隐藏该表要初始隐藏表格，只有在有搜索结果时才显示，可以给表格元素添加CSS样式，将其初始显示设置为“无”。然后，修改您的 JavaScript 代码以仅在至少有一个搜索结果时显示表格。你可以试试这个： <html> <head> <style> #studtable { display: none; } </style> </head> <body> <div class="students"> Students <input type="text" id="studsearch" onkeyup="StudentSearch()" placeholder="Search Student Number"> </div> <table border="1" cellpadding="0" id="studtable"> <tr> <th>Student No.</th> <th>Full Name</th> </tr> <tr id="stud1"> <td>1</td> <td>John</td> </tr> <tr id="stud2"> <td>2</td> <td>Mike</td> </tr> </table> <script> function StudentSearch() { var input, filter, table, tr, td, i, txtValue; input = document.getElementById("studsearch"); filter = input.value.toUpperCase(); table = document.getElementById("studtable"); tr = table.getElementsByTagName("tr"); var foundHit = false; for (i = 0; i < tr.length; i++) { td = tr[i].getElementsByTagName("td")[0]; if (td) { txtValue = td.textContent || td.innerText; if (txtValue.toUpperCase().indexOf(filter) > -1) { tr[i].style.display = ""; foundHit = true; } else { tr[i].style.display = "none"; } } } if (foundHit) { table.style.display = ""; } else { table.style.display = "none"; } } </script> </body> </html> 使用此代码，表格将在页面首次加载时隐藏。只有至少有一个搜索结果时，才会显示表格。

html css jscript

回答 1 投票 0

TypeError: ref.current未定义(useRef())

我有一张图片，我想存储它的尺寸，以便根据尺寸放置图标。我使用useRef()钩子这样做。 const componentRef=useRef() 然后我将这个componentRef添加到了

reactjs hook jscript use-ref

回答 1 投票 0

在InstallShield Express中无法运行JavaScript？

我正在使用 InstallShield Express 创建一个安装项目。我尝试在 "系统更改 "之前添加一个卸载的自定义动作。自定义动作是一个JavaScript，它将打开一个窗口，如...

installshield uninstall jscript

回答 1 投票 6

jScript程序中的文字转语音不能在浏览器中运行。

我试图将文本到语音（TTS）添加到一个独立的JScript程序中，该程序不是在浏览器中运行的。使用户能够编写自己的JScript程序的SW厂商表示 ...