simpleCart(js): невозможно просмотреть корзину на другой странице

Question

У меня есть две страницы 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 в заголовке уже связало их обе). Если кто-то знает, почему он не отображается на другой странице, это очень поможет. Спасибо

Answer 1

• проверьте, находятся ли обе ваши html-страницы в одном каталоге.
• проверьте, правильно ли ваш файл cart.html связан с другими библиотеками, необходимыми для вашей системы, например, с jquery.js.
• проверьте журнал консоли на cart.html на наличие ошибок.