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

Question

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

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

页面上有一个 slider ，它可以清除我的 div 并将新数据加载到其中。当我单击 slider 返回时，它应该加载与最初相同的数据。它确实做到了这一点，但当我返回原始页面时，格式全部错误。

在原始页面加载时:

然后单击 slider 并返回后:

奇怪的是，当我查看每个页面的 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>