CSS 或 jQuery 没有间歇性加载
Posted
技术标签:
【中文标题】CSS 或 jQuery 没有间歇性加载【英文标题】：CSS or jQuery not loading intermittently 【发布时间】：2017-05-02 14:42:06 【问题描述】：我正在测试一个 html 文件，其中包含一个带有大框的简单表格或将由 Ajax 调用换出的 html 代码。该代码是一个带有一些图像的选项卡式面板。
当我点击锚标签时，它通常可以正常工作，但有时 css 链接不会加载，因此框会展开，选项卡式面板只是散乱的 html。
这里是测试站点：(http://www.mapartist.com/panels/b.html) 下面是简单代码：
<!DOCTYPE HTML>
<HTML>
<HEAD>
<link rel="Stylesheet" href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.10/themes/redmond/jquery-ui.css" />
<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.8.0.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.22/jquery-ui.js"></script>
</HEAD>
<TABLE width= 800 height= 800 border=1>
<TR>
<TD width =600>
<DIV id="spot"></DIV>
</TD>
<TD class="menu">
<a href="a2Tabs.html"> Picture 1 </a>
</TD>
<TD class="menu">
<a href="a1Tabs.html"> Picture 2 </a>
</TD>
</TR>
</TABLE>
<SCRIPT type="text/javascript" ">
$(".menu a").click(function()
$("#spot").load(this.href);
return false;
)
</SCRIPT>
</HTML>
【问题讨论】：
你的问题是什么？我不明白 问题是间歇性的。如果单击锚标记，选项卡式面板通常会正确显示。但每隔一段时间，它就会在没有 CSS 或查询的情况下加载并显示为直接 HTML。 【参考方案1】：尝试在请求之后将标签初始化：
$("#spot").load(this.href,function()
$("#tabs").tabs();
);
并将其从其他页面“a1Tabs.html/a2Tabs.html”中删除，这样您可以确保仅在加载选项卡后触发 init。
您也可以尝试 Ivan Karaman 的建议方法refresh：
$("#tabs").tabs("refresh");
希望这会有所帮助。
【讨论】：
$("#tabs").tabs("refresh"); api.jqueryui.com/tabs/#method-refresh @IvanKaraman 感谢您的干预，但每次单击锚点时，新标签都会替换页面中的旧标签...添加了您的建议。【参考方案2】：这似乎是页面加载问题，在给定链接上调试您的问题后，您似乎每次点击都从 CDN 加载 css 和 js 文件。有时它不能有效加载，因此出现问题。
我试着用
找到这个 jquery的load function()，发现你的情况可以使用“Loading Page Fragments”的概念来解决问题。
【讨论】：
以上是关于CSS 或 jQuery 没有间歇性加载的主要内容，如果未能解决你的问题，请参考以下文章
手机页的点击事件怎么写，是不是还要加载jquery mobile? 能不能同时加载电脑版jquer