javascript - 阻止加载 JS 文件的弹出窗口

标签 javascript

我刚刚在我的网站上实现了一个项目 slider 。我使用免费托管服务 (000webhost) 将我的网站放到网上,这样我就可以在不同的设备上对其进行测试。 我注意到,当您第一次打开我的网站 ( Link to my website ) 时,会显示一个来自免费托管服务的弹出窗口:

pop-up coming from the free hosting service

而且在关闭弹窗之后,items slider 看起来是这样的,这是不正常的:

when there is the pop-up

然后需要刷新页面,当没有弹窗时,会看到正常显示: when there is no pop-up

任何时候 slider 不能正常显示, slider 不能正常工作。 我认为弹出窗口阻止加载我的某些 JavaScript 文件。

这是关于项目 slider 的代码:

<div class="clearfix">
			<h1>Femme <span>Les articles feminins viennent à vous</span></h1>
		</div>
		
		<div class="main">
			<div id="mi-slider" class="mi-slider">
				<ul>
					<li><a href="#"><img src="images/1.jpg" alt="img01"><h4>Boots</h4></a></li>
					<li><a href="#"><img src="images/2.jpg" alt="img02"><h4>Oxfords</h4></a></li>
					<li><a href="#"><img src="images/3.jpg" alt="img03"><h4>Loafers</h4></a></li>
					<li><a href="#"><img src="images/4.jpg" alt="img04"><h4>Sneakers</h4></a></li>
				</ul>
				<ul>
					<li><a href="#"><img src="images/5.jpg" alt="img05"><h4>Belts</h4></a></li>
					<li><a href="#"><img src="images/6.jpg" alt="img06"><h4>Hats &amp; Caps</h4></a></li>
					<li><a href="#"><img src="images/7.jpg" alt="img07"><h4>Sunglasses</h4></a></li>
					<li><a href="#"><img src="images/8.jpg" alt="img08"><h4>Scarves</h4></a></li>
				</ul>
				<ul>
					<li><a href="#"><img src="images/9.jpg" alt="img09"><h4>Casual</h4></a></li>
					<li><a href="#"><img src="images/10.jpg" alt="img10"><h4>Luxury</h4></a></li>
					<li><a href="#"><img src="images/11.jpg" alt="img11"><h4>Sport</h4></a></li>
				</ul>
				
				<nav>
					<a href="#">Chaussures</a>
					<a href="#">Acccesoires</a>
					<a href="#">Vêtements</a>
				</nav>
			</div>
		</div>
	</div><!-- /container -->
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
	<script src="js/jquery.catslider.js"></script>
	<script>
		$(function() {

			$( '#mi-slider' ).catslider();

		});
	</script>

请帮助我知道如何解决我面临的这个问题。 提前致谢。

最佳答案

我无法检查您添加的代码段。但我猜测是两个 jQuery 版本之间存在冲突。尝试在 ready() 函数之前的 jQuery 代码事件顶部添加吹线。

$.noConflict();

另请注意图像中加载了两个 jQuery 版本。

第一次: The First visit, when the popup is loading.

第二次: Second time, when the popup is not loading anymore.

更多信息在 jQuery website

关于javascript - 阻止加载 JS 文件的弹出窗口,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36506132/

相关文章:

堆或堆栈上的 Javascript 闭包?

Javascript 并不显示在每个页面上

javascript - HighCharts 导出文件名

javascript - jQuery 从 JSON 数组中获取数据

javascript - fancybox 中的 Highcharts 绘图

javascript - 使用 Javascript 填充 HTML 表

调整大小时的 Javascript 和 CSS 动态宽度 float 故障

javascript - 无法初始化 Angular-Google-maps

javascript - Bootstrap 3 表分页错误

javascript - 当屏幕出现时调用哪个生命周期事件?