1

Buenos días estoy tratando de mostrar un modal al cargar una pagina tomando una clase de referencia,lo que quiero lograr es mostrar el modal en una solo una página y en las demás no lo que se me acurre es tomar una clase de referencia y mostrar el modal si existe esa clase en la página

$(document).ready(function () {
      document.getElementById('hoteles').load( function() {
      //$(window).load(function(){
         $('#myModal').modal('show').delay(30000).fadeOut('fast');
      });
)};
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

lo estaba tratando de hacer así pero me da error obviamente

7
  • ¿Qué error te da? Commented el 7 sept. 2017 a las 16:14
  • Asumo que "clase de referencia" es en realidad "id de referencia" Commented el 7 sept. 2017 a las 16:18
  • Esto lo quiero hacer en un CMS "Magento" @PabloLozano y solo puedo tomar un clase que contiene el body Commented el 7 sept. 2017 a las 16:19
  • Lo digo porque has buscando el ID hoteles, no la clase. Y lo mismo con myModal Commented el 7 sept. 2017 a las 16:21
  • Si es cierto pero lo ando probando local pero cuando lo suba solo podré tomar una clase como tal para mostrar el modal que es lo unico de donde pe puedo Guiar Commented el 7 sept. 2017 a las 16:22

1 respuesta 1

1

No deberías mezclar Javascript a secas con jQuery, prueba a hacer algo como:

$(function () {
    if ($('#hoteles').length) { // o, si buscas una clase, '.hoteles'
      $('#myModal').modal('show').delay(30000).fadeOut('fast');
    }
});

De este modo, si no hay un elemento con la id (o la clase) hoteles, sencillamente no hará nada, pero no dará un error.

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.