Skip to main content
Se corrige el estilo y se agrega código de ejemplo.
Origen Enlace
Ruslan López
  • 11.8k
  • 14
  • 44
  • 88

SinoSi no agregas la propiedad hrefhref a tu enlace no tiene objeto el uso de preventDefaultpreventDefault

$(document).ready(function() {
  $(document).on('click', '#modalAboutButton', function(e) {
    e.preventDefault();
    var $modal = $('#aboutModal');
    $.get('/About/Index2', function(resp) {
      $modal.html(resp).foundation('reveal', 'open');
    });
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#!" id="modalAboutButton">Ir a about </a>

<div id="aboutModal" class="reveal-modal" data-reveal></div>

Sino agregas la propiedad href a tu enlace no tiene objeto el uso de preventDefault

Si no agregas la propiedad href a tu enlace no tiene objeto el uso de preventDefault

$(document).ready(function() {
  $(document).on('click', '#modalAboutButton', function(e) {
    e.preventDefault();
    var $modal = $('#aboutModal');
    $.get('/About/Index2', function(resp) {
      $modal.html(resp).foundation('reveal', 'open');
    });
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#!" id="modalAboutButton">Ir a about </a>

<div id="aboutModal" class="reveal-modal" data-reveal></div>

Origen Enlace

Sino agregas la propiedad href a tu enlace no tiene objeto el uso de preventDefault