-1

ありがとうガネーシュ "onclick ="return false;" 動作します:D

そこで、このチュートリアルで onclick ドロップダウン メニューを作成しました: clickable dropdown menu。問題は、ボタンをクリックしてドロップダウン メニューを開くと、Web サイトが更新されることです。どうすればそれを変更できますか?

HTMLは次のとおりです。

<div id="menuebutton">
  <ul class="no-js">
    <li>
      <a href="" class="clicker"><img src="files/KH-Homepage/menue_button.png" alt="Icon"></a>
      <ul>
        <li><a href="#">Dashboard</a></li>
        <li><a href="#">Settings</a></li>
        <li><a href="#">Privacy</a></li>
        <li><a href="#">Help</a></li>
        <li><a href="#">Sign out</a></li>
      </ul>
    </li>
  </ul>
</div>

ここにjqueryがあります：

$(function () {
  $('#menuebutton > ul').toggleClass('no-js js');
  $('#menuebutton .js ul').hide();
  $('#menuebutton .js').click(function(e) {
    $('#menuebutton .js ul').slideToggle(200);
    $('.clicker').toggleClass('active');
    e.stopPropagation();
  });
  $(document).click(function() {
    if ($('#menuebutton .js ul').is(':visible')) {
      $('#menuebutton .js ul', this).slideUp();
      $('.clicker').removeClass('active');
    }
  });
});

Chrome、Firefox、Android ブラウザで試してみた

4

1 に答える 1

0

e.preventDefault()を使用して、アンカーのデフォルト アクションを防止できます。

$('.click-nav .js').click(function(e) {
    e.preventDefault();
    // Rest of your code here
});
于 2014-05-12T07:37:23.537 に答える