Show a modal with jquery taking a reference class

Question

Show a modal with jquery taking a reference class

Navigation

#1 by (0 votes)

0

Good morning I am trying to show a modal when loading a page taking a reference class, what I want to achieve is to show the modal in only one page and in the others not what I'm thinking about is taking a reference class and show the modal if that class exists on the page

$(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>

I was trying to do it like that but it obviously gives me error

javascript jquery html5 bootstrap modal

asked by Carlos Vargas 07.09.2017 в 18:07

source

1 answer

Element outside the main label but Outliner takes it as inside? Configure x509 in Spring MVC

score 0 · Answer 1

You should not mix JavaScript with jQuery, try doing something like:

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

In this way, if there is no element with the id (or class) hoteles , it simply will not do anything, but it will not give an error.