What does the Element Exists jQuery Selector rule do?

The Element Exists jQuery selector lets you show the lightbox only if a particular element exists on the page in question. The easiest way to implement this is by targeting "id" or "class" names using the syntax below: 

id selector syntax:  #some_elements_id
class selector syntax:  .some_elements_class

Notice the use of the "#" symbol and the "." period?  That is how to target an "id" and "class" using jQuery selectors.

So, if you wanted to show the lightbox only on pages with the container class

your rule would look like this

Or, if you want to show the lightbox only on pages with the navigation_wrapper id

your rule would look like this: 

You can also identify a CSS element to trigger this rule. To do so, just follow these steps. 

Step 1

Using Google Chrome, right click on the button you want to add the Lightbox to, and select Inspect Element. 

Step 2

Right Click on the Highlighted section and click "Copy CSS Path"

Step 3

Back in Digioh and paste the CSS Path in the "Value" option, then save your rule. 

Examples

The Element Exists jQuery Selector rule makes it easy to show the lightbox only on pages with a specific section of code on them. You can use this rule to only show the lightbox on pages that run a specific ad, have a specific form on them, or pages that are running any other piece of code you might be using.