点击时如何设置按钮标签显示图层(div)?我只是尝试使用锚标签运行良好 . 但按钮标签不起作用
请帮忙 .
$(function($) {
$("a[onclick^='layerpop.showLayerPop'], button[onclick^='layerpop.showLayerPop']").click(function() {
$('.on').removeClass('on');
$($(this).addClass('on').attr('href')).attr('tabindex', '0').show().focus();
});
$('.layer_close').click(function() {
$(this).parent().hide();
$('.on').focus();
});
});
.popup { display: none}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a href="#target1" onclick="layerpop.showLayerPop('target1');">Anchor 1</a>
or
<button onclick="layerpop.showLayerPop('target1');"> 111</button>
<br><br>
<a href="#target2" onclick="layerpop.showLayerPop('target2');">Anchor 2</a>
or
<button onclick="layerpop.showLayerPop('target2');"> 22</button>
<div id="target1" class="popup">
Layer Target 1 <button class="layer_close" type="button">Close</button>
</div>
<div id="target2" class="popup">
Layer Target 2 <button class="layer_close" type="button">Close</button>
</div>