php - 具有相同 html 的两个页面呈现不同

Question

我有一个页面，你可以在这里访问：

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

页面上有一个滑块，它清除我的 div 并将新数据加载到其中。当我向后单击滑块时，它应该加载与原来相同的数据。它会这样做，但是当我返回原始页面时，它的格式都是错误的。

在原始页面加载时：

然后单击滑块并返回后：

奇怪的是，当我查看每个页面的 html 源代码时，它们在我看来都完全相同。

我正在使用一个 js 函数来完成这一切，该函数使用 jquery load 调用 php 脚本将每个新页面加载到 div 中。

Answer 1

您的 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>

Answer 2

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

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