javascript - 如何使用jQuery在元素中导入onClick

Question

我想在 jquery 中添加一个 onclick 标签和一个按钮标签

<button type="button" aria-controls="mep_0" title="Play" aria-label="Play" tabindex="0"></button>
<img id="loadingImage" src="preoader.gif" style="visibility:hidden">

我需要这个脚本

<script type="text/javascript">
function openImage(){
if ( document.getElementById('loadingImage').style.visibility == 'visible' ) 
{
document.getElementById('loadingImage').style.visibility='hidden';
} else {
document.getElementById('loadingImage').style.visibility='visible';
}}
</script>

Answer 1

你可以像这样添加事件:

$('#buttonid').on("click", function(){
    //do something here like calling openImage();
});

你只需要像这样给你的按钮一个唯一的 id :

<button type="button" aria-controls="mep_0" title="Play" aria-label="Play" tabindex="0" id="buttonid"></button>

编辑:如果您不能编辑按钮标签，那么您可能需要一个不同的选择器。您可以尝试获取父属性以像这样获取正确的子属性:

$('.parentclass button').on("click", function(){
    //do something here like calling openImage();
});

或者类似的东西

$('.parentclass div button').on("click", function(){
    //do something here like calling openImage();
});

编辑解决方案:

$(".mejs-play button").on("click", function(){
    openImage();
});