No refresh when clicking a button (dropdown)

Question

Thank you Ganesh "onclick ="return false;" works :D

So i made a onclick dropdown menu with this tutorial: clickable dropdown menu. The problem is that when i click the button to open the dropdown menu the website refreshes. How can i change that?

Here's the 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>

Here is the 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');
    }
  });
});

I tried it with chrome, firefox, and my android browser

Show us your code. D: – Wesley Brian Lachenal May 12 '14 at 07:34 — Wesley Brian Lachenal, May 12 '14 at 07:34
the code is the same as in the tutorial – user3052891 May 12 '14 at 07:34 — user3052891, May 12 '14 at 07:34
which browser and version you are using? – Neel May 12 '14 at 07:36 — Neel, May 12 '14 at 07:36
use onclick ="return false;" – Ganesh Babu May 12 '14 at 07:39 — Ganesh Babu, May 12 '14 at 07:39

score 0 · Answer 1 · answered May 12 '14 at 07:37

0

You can use e.preventDefault() to prevent default action of anchor:

$('.click-nav .js').click(function(e) {
    e.preventDefault();
    // Rest of your code here
});

answered May 12 '14 at 07:37

Felix

37,892
8
43
55

now the CSS fallback activates :/ $(function () { $('.click-nav .js').click(function(e) { e.preventDefault(); $('#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'); } }); }); }); – user3052891 May 12 '14 at 07:47

No refresh when clicking a button (dropdown)

1 Answers1