Javascript 使用引导将jQuery应用于body(后台),但不应用于Modal
我正在尝试将foggy.js()应用于引导模式的back-drop。这将允许我模糊背景中的每一个元素,我已经完成了到目前为止,但模式弹出窗口也是模糊的。因此,我的问题是如何将模糊应用于后仰及其子元素,以使模态不模糊,但其他一切都模糊 这是我的密码。注:我有一些代码来启动和停止Vimeo以及启动和停止旋转木马Javascript 使用引导将jQuery应用于body(后台),但不应用于Modal,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,我正在尝试将foggy.js()应用于引导模式的back-drop。这将允许我模糊背景中的每一个元素,我已经完成了到目前为止,但模式弹出窗口也是模糊的。因此,我的问题是如何将模糊应用于后仰及其子元素,以使模态不模糊,但其他一切都模糊 这是我的密码。注:我有一些代码来启动和停止Vimeo以及启动和停止旋转木马 $(document).ready(function(){ $('.close-video').on('click', function (event) { for (var i =
$(document).ready(function(){
$('.close-video').on('click', function (event) {
for (var i = 0; i < window.frames.length; i++) {
window.frames[i].postMessage(JSON.stringify({ method: 'pause' }), '*') //Pauses Vimeo Video
$('#AVRS-Carousel').carousel('cycle'); //Starts Carousel
$('body').foggy(false); //Disables Foggy.js
}
});
$('[data-frame-index]').on('click', function (event) {
var $span = $(event.currentTarget),
index = $span.data('frame-index');
window.frames[index].postMessage(JSON.stringify({ method: 'play' }), '*') //Auto Plays Vimeo
$('#AVRS-Carousel').carousel('pause'); //Pauses Carousel
$('body').foggy(); //Applies Foggy.js
});
});
提前感谢您的时间。我没有办法从子元素中移除模糊效果。最后,我将模糊应用于导航和剖面元素,并将模态保留在它们之外。Bootstraps还警告标记放置,说: 始终尝试将模态的HTML代码放在文档的顶层位置,以避免其他组件影响模态的外观和/或功能 因此HTML最终看起来像这样:
<body>
<nav>...</nav>
<div class="modal">...</div>
<section>...</section>
</body>
我希望这有点帮助。嗨,特罗尔,这确实有道理,也有好处。谢谢你,我会试试的。
<body>
<nav>...</nav>
<div class="modal">...</div>
<section>...</section>
</body>
$('button[data-toggle]').on('click', function (event) {
$('nav, section').foggy();
});