Solved

modal.js doesn't close on click x

Posted on 2014-12-02
5
168 Views
Last Modified: 2014-12-02
I am using the jquery modal.js file and when I click on the x the box doesn't close.
Is something wrong or covering the x.
You can see my file here:

http://parkplaceofbelvidere.com/Contact_Us.html
0
Comment
Question by:rivkamak
  • 3
5 Comments
 
LVL 58

Expert Comment

by:Gary
ID: 40477370
And how do we get the modal?
0
 
LVL 58

Assisted Solution

by:Gary
Gary earned 250 total points
ID: 40477380
In .modal-body {} you are moving the content up above the close button with top:-20px
0
 
LVL 82

Expert Comment

by:leakim971
ID: 40477382
add this in your document.ready block or in a script tag at the end of your body tag

$(".modal button.close")
    .css("z-index",1)
    .click(function() { 
          $(this).closest(".modal").fadeOut("slow");
    });

Open in new window

0
 
LVL 58

Expert Comment

by:Gary
ID: 40477403
To
.modal-header .close {}
add
z-index:1
0
 
LVL 10

Accepted Solution

by:
Hans Langer earned 250 total points
ID: 40477476
in your contact-form.css
delete the top: -20px

.modal-body {
  position: relative;
  padding: 20px;
  /* top:-20px; */ <--- comment or delete this style
}

Open in new window

0

Featured Post

6 Surprising Benefits of Threat Intelligence

All sorts of threat intelligence is available on the web. Intelligence you can learn from, and use to anticipate and prepare for future attacks.

Join & Write a Comment

Suggested Solutions

Introduction JSON is an acronym for JavaScript Object Notation.  It is a text-string data transport mechanism, capable of representing simple or complex data structures in a consistent and easy-to-read manner.  Similar in concept to XML, but more e…
JavaScript can be used in a browser to change parts of a webpage dynamically. It begins with the following pattern: If condition W is true, do thing X to target Y after event Z. Below are some tips and tricks to help you get started with JavaScript …
The viewer will learn how to dynamically set the form action using jQuery.
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…

746 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

10 Experts available now in Live!

Get 1:1 Help Now