The content of the table of contents appears on the page

综合技术 2017-12-26

I'm trying to set up a few lightboxes on a website and it's my first time working with featherlight
.

Under Installation
it says to link to jQuery, as well as featherlight.js and featherlight.css

Under Usage
it says that this link should open the content in a lightbox:

Open element in lightbox
This div will be opened in a lightbox

It seems to work, except the div
appears on the page even before the button is clicked. I don't see anything about adding manual CSS/jQuery to override this, but maybe I'm missing something?

I've included a fiddle here: https://jsfiddle.net/5p506at0/

On the demo page
the technique you are using is also used. The difference is that they give their lightbox div the class lightbox
and then set that class to display: none
so your code would look like this:

.lightbox {
  display: none;
}



Open element in lightbox

Explanation: display: none
is still actually present on the displayed lightbox (check with dev tools). It just doesn't have priority (which it would have if you used id selectors in your css).

Hello, buddy!

责编内容by:Hello, buddy! (源链)。感谢您的支持!

您可能感兴趣的

How do I allow null in a datetime field with a Cak... I have a database which has fields start_date ( datetime , required) and end_date ( dat...
Jquery FadeIn does not work the first time in FF&a... Issue: When page runs in FF 3.6 the fadeIn doesn't show, until after you've cycled through the ga...
Update several jQuery div ajax response html I have a page in a asp.net mvc shopping cart which allows you to enter a coupon and shows an order s...
Get this form of entries with jquery hello i have a big table of products in each tree there is a form with two inputs. one input is text...
Width of text editor VS2012 Python Text Editor (very basic) I'm a beginner in using Tkinter...