两页具有相同的HTML渲染不同

我有一个页面，您可以点击这里查看：两页具有相同的HTML渲染不同

http://beerportfolio.com/beerPortfolio2.php?u=hoppy

在页面上是清除我的股利和加载新数据，它的滑块。当我点击滑块时，它应该加载与原来相同的数据。它是这样做的，但是当我回到原始页面时，它的格式都是错误的。

在原始页面加载：

enter image description here

然后点击滑块和回来后：

enter image description here

奇怪的是，当我看着每个页面的html源代码，他们看起来都和我完全一样。

我用js函数完成了所有这些工作，该函数使用jquery load调用php脚本将每个新页面加载到div中。

来源

2013-04-11 Mike

如果JavaScript禁用？有网页已通过W3C验证程序运行？在浏览器控制台中，在elment级别比较2页的css和live html，看看可能发生了什么 – charlietfl 2013-04-11 02:45:28

你能解释你如何进入第二个图像？我点击了缩略图，然后按回去，但一切都很好。 – Zendy 2013-04-11 02:46:28

这是不一样的。之前，#beerPortfolio包含在.row中。在滑块之后，.row是空的，并且#beerPortfolio不在其中。 – kennypu 2013-04-11 02:47:19

您的HTML之前和之后并不完全相同。

使用类似Chrome开发人员工具的东西，并检查元素而不是查看源代码。通常，当页面通过Javascript更改时，“查看源代码”的结果不会更新。

前：

<div id="beerPortfolio"> 
<div class="row"> 
       <div class="span3"> 
        <div id="drop1">  <select id="dropOneMike" onchange="getDrop2Mike(5)">   <option value="0">All</option> 
          <option value="1">Alphabetical</option> 
          <option value="2">Brewery</option> 
          <option value="4">Rating</option> 
          <option value="3">Style</option> 

         </select> 
        </div> 
       </div> 
       <div class="span3"> 
        <div id="drop2"> 

        </div> 
       </div> 

       <div class="span3"> 

       </div> 


      </div> 
      <br>

后：

<div id="beerPortfolio">  <select id="dropOneMike" onchange="getDrop2Mike(5)">   <option value="0">All</option> 
          <option value="1">Alphabetical</option> 
          <option value="2">Brewery</option> 
          <option value="4">Rating</option> 
          <option value="3">Style</option> 

         </select> 


       <div class="span3"> 
        <div id="drop2"> 

        </div> 
       </div> 

       <div class="span3"> 

       </div> 



      <br>

来源

2013-04-11 02:45:47 Travesty3

当您加载在使用JavaScript切换，你是不是在相同的HTML加载内容。您可以使用Google Chrome的检查元素来判断。只需右键点击您想要了解详细信息的项目，然后点击“检查元素”。当你点击“查看源代码”时，它会显示不受JavaScript影响的html。

当页面最初呈现您的菜单位于。当你切换回来时，它不再存在。

来源

2013-04-11 02:49:33 thealexbaron

两页具有相同的HTML渲染不同

回答

相关问题