字体图标在JQuery中的.load（）事件上闪烁

使用JQuery

$（“#ID”）.load（“file”）

可以刷新字体图标，即使

cache

设置为

false

<div id="content">
    <script>
        $(document).ready(function(){
            $.ajaxSetup({cache:false});
        });
        function look(str){
            $("#results").load("/iconsearch?q="+str);
        }
    </script>
    <div class="top">
        <p>Search for Icon: </p>
        <div>
            <span class="textbox-icon"><i class="fa fa-search"></i> </span><input type="text" class="with" id="searchfield" onkeyup='look(this.value);'>
        </div>
        <br><br>
        <div id="results"></div>
    </div>
</div>

$（文档）.ready（函数（）{
$.ajaxSetup（{cache:false}）；
});
功能外观（str）{
$（“#结果”）.load（“/iconsearch？q=“+str”）；
}
搜索图标：

视频：

---

Fiddle:

iconsearch页面是否包含与此页面相同的字体和CSS？是的，此页面包含php over，因此该页面看起来像一个包含字体和所有内容的普通页面。我感觉，当您从另一个页面加载内容时，您正在重新加载css和字体文件，这就是导致图标闪烁的原因。为了测试这一点，您可以将代码更改为

$（“#results”）.load（“/iconsearch body'，{q:str}）

？闪烁是否停止？此外，我们希望在用户停止键入后使用计时器来调用函数，而不是在每个键上，但在修复闪烁后，我们将实现这一点CSS不会重新加载，因为它是从根

iconwiki

文件结构

iconwiki

iconsearch？q=…

加载的>

iconsearch

页面是否包含与此页面相同的字体和CSS？是的，此页面包含php over，因此该页面看起来像一个包含字体的普通页面，所有内容我都感觉到，当您从另一个页面加载内容时，您正在重新加载CSS和字体文件，这就是导致flic的原因要测试这一点，可以将代码更改为

$（“#results”）.load（“/iconsearch body'，{q:str}）？闪烁的声音停止了吗？此外，我们希望在用户停止键入后使用计时器来调用函数，而不是在每个键上，但在修复闪烁后，我们将实现这一点CSS不会被重新加载，因为它是从根
iconwiki
文件结构
iconwiki
iconsearch？q=…