Databases
StackOverflow2013
Postsdbo
PObootstrap modal window not showing modal box when layer slider is activated
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PObootstrap modal window not showing modal box when layer slider is activated
    primarykey
    data
    text
    <p>i'm working on wordpress with bootstrap theme.i have a modal box at homepage which loaded when we open the page.everything working fine but when i acivate the layer slider plugin for wordpress from codecanyon the modal window stop working.only the window background is appearing without any modal box. how can i remove this confliction.</p> <p>Here is my code for modal window with modal box:</p> <pre><code>&lt;div id="openHouse" class="modal hide fade abc"&gt; &lt;div class="modal-body"&gt; &lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true"&gt; x &lt;/button&gt; &lt;div class="well"&gt;&lt;a href="http://pearlacademy.com/mumbai-career-conclave-2/"&gt;&lt;img src="http://pearlacademy.com/wp-content/uploads/2013/11/career_conclave_banner.jpg" id="image" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt; &lt;/div&gt; &lt;script type="text/javascript"&gt;// &lt;![CDATA[ jQuery(document).ready(function($) { $('#openHouse').css('width',"870px"); $('#image').css('height',"400px"); $('#openHouse').css('margin-left',"-430px"); $('#openHouse').modal('show'); }); // ]]&gt;&lt;/script&gt; </code></pre> <p>when i have activte the layer slider plugin then on seeing it by firebug it only shows this code:</p> <pre><code>&lt;div class="modal-backdrop fade in"&gt;&lt;/div&gt; </code></pre> <p>here is the whole code on my page:</p> <pre><code>&lt;div class="row"&gt; &lt;div class="span12"&gt; &lt;div class="row"&gt; &lt;div class="span3"&gt; [include-page id="9917"] &lt;div class="visible-phone"&gt; &lt;div class="accordion-heading" style="margin-bottom: 5px;"&gt;&lt;a class="accordion-toggle" style="color: 5e5e5e;" href="http://pearlacademy.com/noida-campus/"&gt;Noida&lt;/a&gt;&lt;/div&gt; &lt;div class="accordion-heading" style="margin-bottom: 5px;"&gt;&lt;a class="accordion-toggle" style="color: 5e5e5e;" href="http://pearlacademy.com/jaipur-campus/"&gt;Jaipur&lt;/a&gt;&lt;/div&gt; &lt;div class="accordion-heading" style="margin-bottom: 5px;"&gt;&lt;a class="accordion-toggle" style="color: 5e5e5e;" href="http://pearlacademy.com/chennai-campus/"&gt;Chennai&lt;/a&gt;&lt;/div&gt; &lt;div class="accordion-heading" style="margin-bottom: 5px;"&gt;&lt;a class="accordion-toggle" style="color: 5e5e5e;" href="http://pearlacademy.com/delhi-campus/"&gt;Delhi&lt;/a&gt;&lt;/div&gt; &lt;/div&gt; &lt;div style="margin-top: 20px;"&gt;&lt;a href="http://pearlacademy.com/admissions/"&gt;&lt;img title="Pearl Academy ranked Second" alt="Pearl Academy ranked Second" src="http://pearlacademy.com/wp-content/uploads/2013/10/admissions.jpg" /&gt;&lt;/a&gt;&lt;/div&gt; &lt;div style="margin-top: 20px;"&gt;&lt;a href="http://pearlacademy.com/second-amongst-indias-best-fashion-college-2013/"&gt;&lt;img title="Pearl Academy ranked Second" alt="Pearl Academy ranked Second" src="http://pearlacademy.com/wp-content/uploads/2013/08/Pearlon2rank.jpg" /&gt;&lt;/a&gt;&lt;/div&gt; &lt;/div&gt; &lt;!--# Span 3 Ends--&gt; &lt;div class="span9 visible-desktop"&gt;[include-page id="9894"] [include-page id="9896"] &lt;!--# carousel Ends--&gt;&lt;/div&gt; &lt;!--# Span 9 Ends--&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div id="openHouse" class="modal hide fade abc"&gt; &lt;div class="modal-body"&gt; &lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true"&gt; x &lt;/button&gt; &lt;div class="well"&gt;&lt;a href="http://pearlacademy.com/mumbai-career-conclave-2/"&gt;&lt;img src="http://pearlacademy.com/wp-content/uploads/2013/11/career_conclave_banner.jpg" id="image" /&gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt; &lt;/div&gt; &lt;script type="text/javascript"&gt;// &lt;![CDATA[ jQuery(document).ready(function($) { $('#openHouse').css('width',"870px"); $('#image').css('height',"400px"); $('#openHouse').css('margin-left',"-430px"); $('#openHouse').modal('show'); }); // ]]&gt;&lt;/script&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USMontiyago
    1. USMontiyago
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload