时间戳

首页 > 解决方案 > 如何使用 jQuery 在元素中导入 onClick

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

问题描述

我想在 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>

标签： javascriptjqueryhtml

解决方案

您可以添加这样的事件：

$('#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();
});

推荐阅读