如何解决通过PHP变量使用getElementById
我正在php中使用此jquery脚本在每个循环模式中添加唯一的ID。
除了我不明白为什么$count
的{{1}}总是返回6时,事情一切都很好,
所以可以说我要单击videoBtn1,#videoModal1将打开正确的视频,但myVideo将从#htmlVideo6返回我的视频。 无论我单击videoBtn1还是videoBtn10,myVideo始终指向#htmlVideo6
var myVideo=document.getElementById('htmlVideo' + <?php echo $count?>);
解决方法
循环脚本是非常差的做法。给按钮和/或视频一个类,并使用一个脚本片段使用该类来访问它-这意味着您甚至不需要为其提供ID
这每次都会覆盖所有其他vars
var myVideo=document.getElementById('htmlVideo' + <?php echo $count?>);
尝试一下:
给父容器一个类:
<div class="modalClickParent col-lg-4 col-md-6 mt-3 mt-lg-5">
并使用类似
$(function() {
$("[data-toggle=modal]").on("click",function() {
const myVideo = $(this).closest(".modalClickParent").next().find("video").get(0);
if (!$(this).data("playing")) {
myVideo.play();
$(this).data("playing",true);
} else {
myVideo.pause();
$(this).data("playing",false);
}
});
});
,
只需创建一个您要单击的类并为其提供data-id属性
在jquery部分中,使用类似
$('.class').click(function(){<bR>
var that=$(this);<bR>
var id=that.data('id');<bR>
//now do your stuff here like<bR>
$('#div'+id).modal('show');<bR>
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。