如何使用javascript(jquery)在纯CSS模式以下触发?我不需要标签,因为我想在用户访问页面时触发。
http://jsfiddle.net/h84nubzt/
<label class="btn" for="modal-one">Example</a>
<!-- Modal One -->
<div class="modal">
<input class="modal-open" id="modal-one" type="checkbox" hidden>
<div class="modal-wrap" aria-hidden="true" role="dialog">
<label class="modal-overlay" for="modal-one"></label>
<div class="modal-dialog">
<div class="modal-header">
<h2>Modal in CSS?</h2>
<label class="btn-close" for="modal-one" aria-hidden="true">×</label>
</div>
<div class="modal-body">
<p>One modal example here! :D</p>
</div>
<div class="modal-footer">
<label class="btn btn-primary" for="modal-one">Nice!</label>
</div>
</div>
</div>
</div>
最佳答案
您可以调用click()
DOM节点方法:
$('label.btn')[0].click();
要么:
document.querySelector('label.btn').click();
或将复选框的选中状态设置为true:
$('#modal-one').prop('checked', true);
document.getElementById('modal-one').checked = true;
在兼容HTML5的浏览器中也是如此:
window['modal-one'].checked = true;
-jsFiddle-
关于javascript - 使用javascript触发纯CSS模式,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/31761836/