simpleCart(js) : 无法在另一个页面上查看购物车答案

【问题标题】：simpleCart(js) : Can't view shopping cart on another pagesimpleCart(js) : 无法在另一个页面上查看购物车
【发布时间】：2016-04-19 12:48:28
【问题描述】：

我有两个 html 页面；商店和购物车，在两个标题中我都有代码

<script type="text/javascript" src="JS/simpleCart.js"></script>

在我的 shop.html 中，我的正文中有这段代码；

<div id="cart" style="clear: both;">
        <a href="cart.html">YOUR CART ( <span class="simpleCart_quantity"></span> )</a>        
    </div>

和

<div class="simpleCart_shelfItem" style="margin-top:120px;">
                <h1 class="item_name"> Oriental Patterned Maxiskirt</>
                <h1 class="item_price"> PHP2,099</h1>


                <h1 class="size_item_title">SIZE</h1>             
                <ul>
                     <li>
                     <input type="radio" class="item_size" id="s-size1" value="small" name="size1">
                     <label class="sizeLabel" style="background-color:#fff;" for="s-size1">S</label>

                     <div class="size"></div>
                     </li>

                     <li>
                     <input type="radio" class="item_size" id="m-size1" value="medium" name="size1">
                     <label class="sizeLabel" style="background-color:#fff;" for="m-size1">M</label>

                     <div class="size"><div class="inside"></div></div>
                     </li>

                     <li>
                     <input type="radio" class"item_size" id="l-size1" value="large" name="size1">
                     <label class="sizeLabel" style="background-color:#fff;" for="l-size1">L</label>

                     <div class="size"><div class="inside"></div></div>
                     </li>
               </ul> 

               <a class="item_add" href="javascript:;"> ADD TO CART </a>
            </div>

在我的购物车中添加商品；在我的 cart.html 中我有代码

<div class="simpleCart_items"></div>

我的问题是，当我点击“您的购物车”时，它会将我带到一个空白页面，但如果我像这样将代码放入 shop.html；

<div id="cart" style="clear: both;">
     <a href="cart.html">YOUR CART ( <span class="simpleCart_quantity"></span> )</a>         
</div>  
<div class="simpleCart_items"></div>

它在该页面上显示购物车。所以我认为存在链接问题，但我不确定如何将两个页面链接在一起（我认为将 simpleCart.js 放在标题中已经链接了它们）。如果有人知道为什么它没有显示在其他页面上，那将是一个很大的帮助。谢谢

【问题讨论】：

那么，购物车是如何装满的呢？我的猜测是您没有包含正确的 JS 来填充您的 cart.html 中的 <div class="simpleCart_items"></div>。
@glubus 我编辑了我的问题以显示我的购物车是如何被装满的。当您说“您没有包含正确的 JS”时，您的意思是在标题中吗？
在我看来，您正在使用没有 javascript 的实际 html 填充 div。所以“唯一”的解释是您的href 设置不正确。尝试手动导航到 cart.html 并比较 2 个 URL。

标签： javascript html simplecart

【解决方案1】：

检查您的两个 html 页面是否位于同一目录中。
检查您的 cart.html 是否正确链接到系统所需的其他库，可能是 jquery.js
检查您在 cart.html 上的控制台日志是否有任何错误。

【讨论】：