Javascript 使用Jquery的onClick事件
我创建了一个项目。第一次我在相册上做了一个悬停效果,但现在我想做一个点击事件。我正在努力使这一点正确,但没有做到 我将提供以下链接: 单击链接后,将打开参考页面。您可以在图像上看到悬停效果。那个地方我需要点击图片并打开弹出窗口 我的Jquery代码是:Javascript 使用Jquery的onClick事件,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我创建了一个项目。第一次我在相册上做了一个悬停效果,但现在我想做一个点击事件。我正在努力使这一点正确,但没有做到 我将提供以下链接: 单击链接后,将打开参考页面。您可以在图像上看到悬停效果。那个地方我需要点击图片并打开弹出窗口 我的Jquery代码是: $('.ref-img').hover(function () { $('#MyPopup #albums a').html($(this).html()); $("#MyPopup").modal("sh
$('.ref-img').hover(function () {
$('#MyPopup #albums a').html($(this).html());
$("#MyPopup").modal("show");
});
我的Html代码:
<div id="albums"><a href="images/our/01.jpg" class="ref-img">
<div class="zoom-i">
<img class="primary" src="images/our/02.jpg">
<div class="popular-overlay">
<strong>Logo Design</strong>
</div>
</div>
<img class="secondary-1" src="images/our/03.jpg">
<img class="secondary-2" src="images/our/04.jpg">
<div class="meta">
album 1
</div>
</a>
</div>
我的模式是:
<div id="MyPopup" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">
×</button>
<h4 class="modal-title">
</h4>
</div>
<div class="modal-body">
<div id="albums">
<a>
</a>
</div>
</div>
</div>
</div>
</div>
&时代;
您可以通过两种方式完成此操作:
onClick=“functionName()”