所以我有一个可点击的列表,根据点击的项目加载内容。它在离线页面上的Firefox中完美运行。它在Chrome和IE中完美地适用于在线页面。
但是在一个在线页面的firefox中,它有时只能运行,比如十分之一的点击率。默认的html总是加载,当我点击非默认值时,我可以在开发选项卡中看到firefox从我的服务器请求相应的html页面,但不知何故div并不总是更新所选的内容。它好像是' $('#js-content')。load(value);'并不总是激活新的div内容。
我真的希望内容始终有效,无论浏览器,浏览器版本或设置如何。我已经尝试了很多选项卡示例代码,所有这些代码都在一个浏览器或另一个浏览器上打破,这个似乎工作,直到我注意到这个奇怪的故障;(
创建有效的标签内容真的很难吗?我看到很多带有标签的专业网页,我从来没有发现一个没有正常工作的网页。
更新:每次使用f5刷新页面时,我都可以单击一个选项卡并更新内容,然后停止更新,直到我再次按f5。在另一台机器上,使用相同的firefox 57.0.1似乎工作得很好;(
HTML:
<ul >
<li id="q1" onClick="LoadSnippet(this.id, 'default.html');">default</li>
<li id="q2" onClick="LoadSnippet(this.id, 'page2.html');">p1</li>
<li id="q3" onClick="LoadSnippet(this.id, 'page3.html');">p2</li>
</ul>
<div id="js-content"></div>
脚本:
function LoadSnippet(id, value)
{
id.preventDefault();
$('#js-content').load(value);
}
// load default tab content.
$(document).ready(function()
{
LoadSnippet("q1", "default.html");
});