问题描述
嗨,我问这个问题,因为我找不到任何答案。
我的问题是,如果<body>
具有类<body class="unload">
那么有任何可能/方法可以防止页面加载/站点加载,然后页面将停止加载。
我可以通过CSS执行此操作, 但是它变为隐藏或不显示任何内容 。
所以我想知道有什么可能/方法来防止页面加载/停止滑动( 停止浏览器加载 ) ,而无显示或隐藏 ?
HTML: >
<body class="unload">
<div class="wrapper">
<ul> <!-- Parent Element -->
<li>text</li> <!-- Child 1-->
<li>text</li> <!-- Child 2-->
<li>text</li> <!-- Child 3-->
<li>text</li> <!-- Child 4-->
<li>text</li> <!-- Child 5-->
</ul>
</div>
<body>
我的意思是,如果<body>
具有类<body class="unload">
浏览器将立即停止加载 。
任何人都知道如何通过Jquery做到这一点。
提前致谢。
1楼
Jaromanda X
3
已采纳
2015-07-26 12:26:37
阅读了这可能会做您想要的
<body class="unload">
<script>
if (document.body.classList.contains('unload')) {
if(window.stop) { // all abut internet explorer
window.stop();
}
else if (document.execCommand) { // internet explorer
document.execCommand('Stop');
}
}
// based on comments
setInterval(function() {
if (jQuery('.sly-scroll ul > li, .label-widget-menu ul > li').length > 4) {
jQuery('body').addClass('popup');
}
if (document.querySelector('html').classList.contains('unload')) {
jQuery('.wrapper').html('');
}
}, 1000);
</script>
<div class="wrapper">
<ul> <!-- Parent Element -->
<li>text</li> <!-- Child 1-->
<li>text</li> <!-- Child 2-->
<li>text</li> <!-- Child 3-->
<li>text</li> <!-- Child 4-->
<li>text</li> <!-- Child 5-->
</ul>
</div>
<body>
工作更好地的Internet Explorer
感谢@ A.Wolff提供的Internet Explorer解决方法