Jquery 当我点击按钮时,页面正在上升

Jquery 当我点击按钮时,页面正在上升,jquery,html,css,Jquery,Html,Css,我需要帮助。我正试图找到解决我问题的办法。当我点击按钮时,页面将会上升,但我不想这样。点击后页面必须保持不变。下面是我的代码 <section class="category"> <h1 class="uppercase">OTURMA ODASI</h1> <ul class="ad-list sub"> <li> <div class="drop"> <a href="#

我需要帮助。我正试图找到解决我问题的办法。当我点击按钮时,页面将会上升,但我不想这样。点击后页面必须保持不变。下面是我的代码

<section class="category">
  <h1 class="uppercase">OTURMA ODASI</h1>
  <ul class="ad-list sub">
    <li>
      <div class="drop">
        <a href="#" class="subMenuOpener">
          <img src="images/content/icon/tire.svg" alt="img-description" height="48" width="48"><span>OTURMA GRUPLARI</span>
        </a>
        <ul style="display: block;" class="sub-ul">
          <li class="sub-li">
            <a href="oturma-odasi-mobilyalari/oturma-gruplari-takimlari/koltuk-takimlari-mobilyalari.html">
              <img src="images/content/icon/oturma_koltuk_takimlari.svg" alt="img-description" height="48" width="48"><span class="no-content">KOLTUK TAKIMLARI</span>
            </a>
          </li>
          <li class="sub-li">
            <a href="oturma-odasi-mobilyalari/oturma-gruplari-takimlari/kose-koltuklar-mobilyalar.html">
              <img src="images/content/icon/oturma_kose_koltuklar.svg" alt="img-description" height="48" width="48"><span class="no-content">KÖŞE KOLTUKLAR</span>
            </a>
          </li>
        </ul>
      </div>
    </li>
    <li>
      <div class="drop">
        <a href="#" class="subMenuOpener">
          <img src="images/content/icon/tire.svg" alt="img-description" height="48" width="48"><span>SEHPALAR</span>
        </a>
        <ul style="display: block;" class="sub-ul">
          <li class="sub-li">
            <a href="oturma-odasi-mobilyalari/orta-zigon-yan-sehpalar-mobilyalar/zigon-sehpa.html">
              <img src="images/content/icon/sehpazigon.svg" alt="img-description" height="48" width="48"><span class="no-content">ZİGON SEHPA</span>
            </a>
          </li>
          <li class="sub-li">
            <a href="oturma-odasi-mobilyalari/orta-zigon-yan-sehpalar-mobilyalar/yan-sehpa.html">
              <img src="images/content/icon/sehpalar_yan_sehpa.svg" alt="img-description" height="48" width="48"><span class="no-content">YAN SEHPA</span>
            </a>
          </li>
        </ul>
      </div>
    </li>
    <li>
    </li>
  </ul>
</section>

奥达西奥图玛酒店

感谢您所做的一切,而不是像您标记jquery这样的事情,所以您必须防止默认设置。见以下方法:

$('section.category ul li a').on('click', function(e)
{
   e.preventDefault(); // prevent normal link action

   // do your alternative logic
});

可靠的文档:

您是否将
作为按钮引用?在a href中设置“javascript:;”而不是“#”。@JacobGray是的,我将其作为按钮引用。@mfrkndgn然后按照Cosmin的answer@mfrkndgn它必须起作用。如果这不起作用,这意味着滚动是来自其他地方,如js滚动或en元素打开,然后另一个滚动。