[英]onClick event using Jquery
我创建了一个项目。 首先,我在相册上进行了悬停效果,但现在我想进行一次单击事件。 我正在尝试使此正确,但尚未完成。
我将提供链接: http : //ihannoveraner.de/servicebieter/profile.html单击链接时,将打开“ 参考”页面。 您可以在图像上看到悬停效果。 我需要在那个地方单击图像并打开弹出窗口
我的Jquery代码是:
$('.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>
在上面我显示代码。 从悬停时的这段代码中,图像显示在模型中,但是现在我试图在单击后显示模式。 其次,当弹出窗口打开时, popular-overlay id 使用opacity 1显示 。 我正在尝试像这样建造
您可以使用两种方法来执行此操作:
onClick="functionName()"
您可以查看此链接以供参考:
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.