谷歌浏览器 - 奇怪的 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 的“高度”属性上。也许这对找出问题有点帮助。

Answer 2

这可能是一个很长的尝试，但我在 Chrome 中看到了类似的问题，因为我使用的是 TinyMCE 编辑器。标准 init() 中的某些内容不能很好地与 webkit 配合使用。 （即使我没有在那个页面中使用编辑器，init 在我的头脚本中，也许你也有？）

解决方法：http://tinymce.moxiecode.com/punbb/viewtopic.php?pid=65112（Safari 中不需要的原始 html）

只需投入我的 2 美分，因为这花了我太长时间才弄明白，而且我在搜索过程中偶然发现了你的问题。

Answer 3

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

Answer 4

查看您的屏幕截图 - OK 按钮后出现了一些看起来不正确的文本：

v class="dno">

我想看看那个时候的 HTML - 你有一些嵌套很差的引号标签吗？这肯定会导致您遇到的问题，更确切地说，如果这个 HTML 是由 JQuery 生成或操作的。您可以使用浏览器内置的“开发人员”工具来观察 JavaScript 正在做什么。