Skip to main content

Me gustariagustaría eliminar la redirectionredirección en el tag hyperlink,a ya que actualmente al hacer click se me abre un modal, pero no quiero que se me redireccione la página del navegador, he probado con preventdefaulpreventdefault y no me funciona. Estoy trabajando con C# MVC. Puede¿Puede ser que se me sobrecargue en alguna otra parte? o existen¿existen otras soluciones para que no me redireccione? Como última opción no me gustariagustaría cambiarlo por un span o div o button.

algo.cshtml

<a id="modalAboutButton">Ir a about </a>
   
<div id="aboutModal" class="reveal-modal" data-reveal></div>

app.js

$(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');
            });
        });
});

Me gustaria eliminar la redirection en el tag hyperlink, ya que actualmente al hacer click se me abre un modal, pero no quiero que se me redireccione la página del navegador, he probado con preventdefaul y no me funciona. Estoy trabajando con C# MVC. Puede ser que se me sobrecargue en alguna otra parte? o existen otras soluciones para que no me redireccione? Como última opción no me gustaria cambiarlo por un span o div o button.

algo.cshtml

<a id="modalAboutButton">Ir a about </a>
   
<div id="aboutModal" class="reveal-modal" data-reveal></div>

app.js

$(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');
            });
        });
});

Me gustaría eliminar la redirección en el tag a ya que actualmente al hacer click se me abre un modal, pero no quiero que se me redireccione la página del navegador, he probado con preventdefault y no me funciona. Estoy trabajando con C# MVC. ¿Puede ser que se me sobrecargue en alguna otra parte? o ¿existen otras soluciones para que no me redireccione? Como última opción no me gustaría cambiarlo por un span o div o button.

algo.cshtml

<a id="modalAboutButton">Ir a about </a>
   
<div id="aboutModal" class="reveal-modal" data-reveal></div>

app.js

$(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');
            });
        });
});
se añadieron 9 caracteres en el cuerpo
Origen Enlace
jasilva
  • 5.1k
  • 6
  • 32
  • 46

Me gustaria eliminar la redirection en el tag hyperlink, ya que actualmente al hacer click se me abre un modal, pero no quiero que se me redireccione la página del navegador, he probado con preventdefaulpreventdefaul y no me funciona. Estoy trabajando con c#MVCC# MVC. Puede ser que se me sobrecargue en alguna otra parte? o existen otras soluciones para que no me redireccione? Como última opción no me gustaria cambiarlo por un spanspan o divdiv o buttonbutton.

algo.cshtml

<a id="modalAboutButton">Ir a about </a>
   
<div id="aboutModal" class="reveal-modal" data-reveal></div>

app.js

$(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');
            });
        });
});

Me gustaria eliminar la redirection en el tag hyperlink, ya que actualmente al hacer click se me abre un modal, pero no quiero que se me redireccione la página del navegador, he probado con preventdefaul y no me funciona. Estoy trabajando con c#MVC. Puede ser que se me sobrecargue en alguna otra parte? o existen otras soluciones para que no me redireccione? Como última opción no me gustaria cambiarlo por un span o div o button.

algo.cshtml

<a id="modalAboutButton">Ir a about </a>
   
<div id="aboutModal" class="reveal-modal" data-reveal></div>

app.js

$(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');
            });
        });
});

Me gustaria eliminar la redirection en el tag hyperlink, ya que actualmente al hacer click se me abre un modal, pero no quiero que se me redireccione la página del navegador, he probado con preventdefaul y no me funciona. Estoy trabajando con C# MVC. Puede ser que se me sobrecargue en alguna otra parte? o existen otras soluciones para que no me redireccione? Como última opción no me gustaria cambiarlo por un span o div o button.

algo.cshtml

<a id="modalAboutButton">Ir a about </a>
   
<div id="aboutModal" class="reveal-modal" data-reveal></div>

app.js

$(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');
            });
        });
});
Origen Enlace
gvivetapl
  • 347
  • 4
  • 12

No funciona preventDefault href

Me gustaria eliminar la redirection en el tag hyperlink, ya que actualmente al hacer click se me abre un modal, pero no quiero que se me redireccione la página del navegador, he probado con preventdefaul y no me funciona. Estoy trabajando con c#MVC. Puede ser que se me sobrecargue en alguna otra parte? o existen otras soluciones para que no me redireccione? Como última opción no me gustaria cambiarlo por un span o div o button.

algo.cshtml

<a id="modalAboutButton">Ir a about </a>
   
<div id="aboutModal" class="reveal-modal" data-reveal></div>

app.js

$(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');
            });
        });
});