Question

有一个我做出回应的网页。单击标题时，我希望meny下拉。目前仅适用于我的某个页面。我有两个看起来几乎相同。唯一的区别是我将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中没有这样的元素。

单击功能不能与我的所有文件一起使用

1 个答案: