javascript - 单击功能不适用于我的所有文件

Question

有一个我制作的响应式网页。单击标题时，我希望菜单下拉。目前，这仅适用于我的一个页面。我有两个看起来几乎一样的。唯一的区别是我已将 simplecart 包含在工作中。但我觉得这应该不重要。

这是我的脚本，其中有点击功能。

if(w <= 480){


    $("p").remove(".info");
    $("#sticky_cart").remove();
    $("#copyright").empty();
    $("#sticky_cart_mobile").css("display","block");

    $("dl").each(function(index, value) {
        $(this).css("display","none");
    });

    $(".alternatives").each(function(index, value) {
        $(this).css("display","block");
    });
    $('.categories').on('click',function(){
    //$('.categories').click(function() {
        alert("klick");

        var thisDiv = $(this);
        var theDl = $(this).next("dl");
        var isVisible = theDl.is( ":visible" );

        if (!isVisible) {
            theDl.slideDown("slow");
            thisDiv.addClass("up");
            thisDiv.removeClass("categories");
        }
        else { 
            theDl.slideUp("slow");
            thisDiv.addClass("categories");
            thisDiv.removeClass("up");
        }
    });
}

这是它应该使用的一些代码

<a name="#pizzakl1" class="category"></a>
                              <section id="pizzakl1">
                                  <h2 class="categories">Pizzor prisklass 1</h2>
                                  <dl>

                                    <?php listPizzaOffline($dbConnection, 1) ?>

                                  </dl>
                              </section>

                              <a name="#pizzakl2" class="category"></a>
                              <section id="pizzakl2">
                                  <h2 class="categories">Pizzor prisklass 2</h2>
                                  <dl>

                                    <?php listPizzaOffline($dbConnection, 2) ?>

                                  </dl>
                              </section>

                              <a name="#pizzakl3" class="category"></a>
                              <section id="pizzakl3">
                                  <h2 class="categories">Pizzor prisklass 3</h2>
                                  <dl>

                                    <?php listPizzaOffline($dbConnection, 3) ?>

为什么这不起作用？我现在完全陷入困境。

Answer 1

我通过添加解决了问题

 <section>
      <div id="sticky_cart">
      </div>
 </section> 

我猜想 JavaScript 很困惑，因为我的 js 代码中有 $("#sticky_cart").remove(); 而 html 中没有这样的元素。