我正在为客户建立一个网站,但我遇到了一个奇怪的 jQuery.hide()
函数错误
如果您查看此示例 url并单击任一缩略图,您将看到图像向左对齐。现在,如果您打开或切换到任何其他浏览器选项卡,然后返回到示例 url,图像就会居中...
图像应该居中,并且在我添加它之前工作得很好;
$(".single-content-overlay").hide();
到我的脚本文件...
任何人都知道为什么会发生这种情况以及我如何能够解决它?
我正在为客户建立一个网站,但我遇到了一个奇怪的 jQuery.hide()
函数错误
如果您查看此示例 url并单击任一缩略图,您将看到图像向左对齐。现在,如果您打开或切换到任何其他浏览器选项卡,然后返回到示例 url,图像就会居中...
图像应该居中,并且在我添加它之前工作得很好;
$(".single-content-overlay").hide();
到我的脚本文件...
任何人都知道为什么会发生这种情况以及我如何能够解决它?
您的 CSS 有问题(可能是由您的幻灯片 javascript 库生成的)。当浏览器再次获得焦点时,将重新计算<li>
s 宽度。这个:
<li class="slide flex-active-slide" style="width: 0px; float: left; display: block;">
<img alt="#" src="http://www.robotwp.com/clintenglish/wp-content/themes/clintenglish/images/samples/marley.jpg">
</li>
<li class="slide" style="width: 0px; float: left; display: block;">
<img alt="#" src="http://www.robotwp.com/clintenglish/wp-content/themes/clintenglish/images/samples/marley.jpg">
</li>
变成这样:
<li class="slide flex-active-slide" style="width: 1088px; float: left; display: block;">
<img alt="#" src="http://www.robotwp.com/clintenglish/wp-content/themes/clintenglish/images/samples/marley.jpg">
</li>
<li class="slide" style="width: 1088px; float: left; display: block;">
<img alt="#" src="http://www.robotwp.com/clintenglish/wp-content/themes/clintenglish/images/samples/marley.jpg">
</li>
同样的行为也发生在 Chrome、Firefox 和 IExplorer(所有最新版本)中。我几乎可以肯定这是您的幻灯片库的问题(或功能?)。尝试<li>
手动定义 s 宽度以查看问题是否仍然存在。