我對 JavaScript 還是很陌生，我正在嘗試實作雙擊功能。
訪問者雙擊視頻并重定向到帶有附加到 url 的唯一 ID 的頁面，但我無法使其正常作業。這是我的代碼
這僅重定向第一個視頻，但不適用于其他任何幫助表示贊賞
<video id="doubleTap" autoplay muted>
<input id="id" value="1">
<source src="/ver/videos/2024.mp4" type="video/mp4">
</video>
<video id="doubleTap" autoplay muted>
<input id="id" value="2">
<source src="/ver/videos/2023.mp4" type="video/mp4">
</video>
<video id="doubleTap" autoplay muted>
<input id="id" value="3">
<source src="/ver/videos/2022.mp4" type="video/mp4">
</video>
<script type="text/javascript">
$("#doubleTap").doubleTap(function() {
var id = document.getElementById("id").value;
location.href='h.php?id=' id;
});
</script>
uj5u.com熱心網友回復：
您應該為您的元素使用唯一的 id。更好地使用 CSS 類。不過，我將您的代碼段重新撰寫為更有效的 HTML。這個怎么樣：
$(".doubleTap").dblclick(function() {
var id = $(this).attr("data-id")
console.log("id is " id)
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<video class="doubleTap" autoplay muted data-id="1">
<source src="https://www.learningcontainer.com/wp-content/uploads/2020/05/sample-mp4-file.mp4" type="video/mp4">
</video>
<video class="doubleTap" autoplay muted data-id="2">
<source src="https://www.learningcontainer.com/wp-content/uploads/2020/05/sample-mp4-file.mp4" type="video/mp4">
</video>
<video class="doubleTap" autoplay muted data-id="3">
<source src="https://www.learningcontainer.com/wp-content/uploads/2020/05/sample-mp4-file.mp4" type="video/mp4">
</video>轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/493636.html
標籤：javascript