Php 具有相同html的两个页面呈现方式不同

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

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

在原始页面加载时：

单击滑块并返回后：

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

---

我使用一个js函数来完成所有这些，该函数使用jQueryLoad调用php脚本将每个新页面加载到divs中

您的HTML前后不完全相同

使用类似Chrome Developer的工具检查元素，而不是查看源代码。通常，当页面通过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>

全部
按字母顺序排列的
酿酒厂
评级
风格

您的HTML前后不完全相同

使用类似Chrome Developer的工具检查元素，而不是查看源代码。通常，当页面通过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>

全部
按字母顺序排列的
酿酒厂
评级
风格

当您使用切换使用JavaScript加载内容时，您没有加载相同的HTML。你可以通过谷歌浏览器的inspect元素来判断。只需右键单击要了解详细信息的项目，然后单击“检查元素”。当您单击“查看源代码”时，它将显示不受JavaScript影响的html

---

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

当您使用切换使用JavaScript加载内容时，您不会加载相同的HTML。你可以通过谷歌浏览器的inspect元素来判断。只需右键单击要了解详细信息的项目，然后单击“检查元素”。当您单击“查看源代码”时，它将显示不受JavaScript影响的html

---

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

如果禁用javascript？页面是否已通过w3c验证程序运行？比较elment级别的浏览器控制台中的2页css和live html，看看可能会发生什么。您能解释一下如何进入第二幅图像吗？我点击了缩略图，然后按了回去，但是一切都很好，不一样。在此之前，#beerPortfolio包含在.row中。滑块之后，.row为空，而#beerPortfolio在其外部。html源是加载页面时从服务器发送的内容。事后通过javascript所做的任何更改都不会反映在源代码中。您需要使用dom检查器来查看“实时”源代码。如果禁用了javascript？页面是否已通过w3c验证程序运行？比较elment级别的浏览器控制台中的2页css和live html，看看可能会发生什么。您能解释一下如何进入第二幅图像吗？我点击了缩略图，然后按了回去，但是一切都很好，不一样。在此之前，#beerPortfolio包含在.row中。滑块之后，.row为空，而#beerPortfolio在其外部。html源是加载页面时从服务器发送的内容。事后通过javascript所做的任何更改都不会反映在源代码中。您需要使用dom检查器来查看“实时”源代码。