谷歌浏览器 - 奇怪的html显示

Question

我在自己制作的CMS中使用了很多jquery，现在我注意到Google Chrome在尝试显示CMS内容时出现了一些奇怪的行为。 通过导航菜单点击链接时，搜索表单显示如下： 有时甚至是这样的：

但是当我使用刷新按钮或F5刷新页面时，它会正确显示。在Firefox，Opera和IE中，这个问题不会发生。经过本地测试，Chrome也会出现错误，但在这些图片上显示的有点不同。 当我禁用所有jquery和javascript时，这个问题就消失了。有没有人注意到Chrome中有类似内容？

这是该容器的HTML代码：

      <div class="forma_odabir_vijesti"> 
            <form class="po_broju" method="GET" action=""> 
            <input type="hidden" name="link" value="news" /> 
            <label class="prikazi">Prika&#382;i</label> 
            <input class="broj_vijesti" name="broj_vijesti" type="text" /> 
            <select name="sort" class="sortiranje"> 
                <option value="DESC">zadnjih vijesti</option> 
                <option value="ASC">prvih vijesti</option> 
            </select> 
            <input class="submit" type="submit" name="broj_v" value="Ok" /> 
            </form> 

            <form class="po_idu" method="GET" action=""> 
            <input type="hidden" name="link" value="news" /> 
            <label class="prikazi">Prika&#382;i vijest id#</label> 
            <input class="id_vijesti" name="id_vijesti" type="text" /> 
            <input class="submit" type="submit" name="id_v" value="Ok" /> 
            </form> 

            <form class="po_datumu" method="GET" action=""> 
            <input type="hidden" name="link" value="news" /> 
            <label class="prikazi">Prika&#382;i vijesti iz dana</label> 
            <input class="datum_prikaza" name="datum_prikaza" type="text"  id="mydate" /> 
            <input class="submit" type="submit" name="datum_v" value="Ok" /> 
            </form><div class="dno"></div> 

            <form class="po_rasponu_datuma" method="GET" action=""> 
            <input type="hidden" name="link" value="news" /> 
            <label class="prikazi">Prika&#382;i vijesti od</label> 
            <input class="datum_prikaza" name="datum_prikaza2" type="text"  id="mydate2" /> 
            <label class="prikazi">do</label> 
            <input class="datum_prikaza" name="datum_prikaza3" type="text"  id="mydate3" /> 
            <input class="submit" type="submit" name="raspon_datuma_v" value="Ok" /> 
            </form> 

            <form class="trazilica" method="GET" action=""> 
            <input type="hidden" name="link" value="news" /> 
            <label class="prikazi">Tra&#382;i vijesti</label> 
            <input class="trazi_vijest" name="trazilica" type="text" /> 
            <input class="submit" type="submit" name="trazi_v" value="Tra&#382;i" /> 
            </form> 

            <div class="dno"></div> 
        </div>

Answer 1

我遇到了同样的问题，除了我，当我点击刷新时出现问题，当我浏览网站时一切都很好......就在我点击刷新时我的布局变得疯狂......和你一样只在Chrome上！

为了您的信息，我的错误发生在jQuery的“height”属性中。也许这有助于找到问题。

Answer 2

这可能是一个很长的镜头，但我在Chrome中看到了类似的问题，因为我使用的是TinyMCE编辑器。标准init（）中的某些内容与webkit不兼容。 （即使我没有在该页面中使用编辑器，init在我的标题脚本中，也许你有相同的？）

在这里解决：http://tinymce.moxiecode.com/punbb/viewtopic.php?pid=65112（Safari中不需要的原始HTML）

只要投入我的2美分，因为这花了我太长时间才弄清楚＆amp;我在搜索过程中偶然发现了你的问题。

Answer 3

我在右上角的屏幕截图中看到了一些html。你打开标签了吗？

Answer 4

查看截图 - 在“确定”按钮后面出现了一些似乎不正确的文字：

v class="dno">

我想看看围绕这一点的HTML - 你有一些严重嵌套的引用标签吗？这肯定会导致你遇到的问题，更确切地说，如果这个HTML是由JQuery生成或操纵的。您可以使用浏览器中内置的“开发人员”工具来观察JavaScript正在发生的事情。