WordPress database error: [Can't create/write to file '/tmp/#sql-temptable-4db-1608ad-73.MAI' (Errcode: 28 "No space left on device")]
SELECT p.*, o.option_value, GROUP_CONCAT(DISTINCT CONCAT(m.meta_key, "::", m.meta_value) separator "::::") as seo_meta, t.slug, tr.language_code as language FROM wp_posts p JOIN wp_postmeta m ON p.ID = m.post_id JOIN wp_options o ON o.option_name = "siteurl" JOIN wp_term_relationships r ON r.object_id = p.ID JOIN wp_term_taxonomy x ON x.term_taxonomy_id = r.term_taxonomy_id JOIN wp_terms t ON t.term_id = x.term_id JOIN wp_icl_translations tr ON p.ID = tr.element_id WHERE post_type = "page" AND post_status = "publish" AND tr.language_code = 'en' AND t.slug IN ('jquery') AND x.taxonomy = "page_cat" AND tr.element_type = "post_page" AND meta_key IN ("_yoast_wpseo_title", "_yoast_wpseo_metadesc") GROUP BY p.ID

WordPress database error: [Can't create/write to file '/tmp/#sql-temptable-4db-1608ad-74.MAI' (Errcode: 28 "No space left on device")]
SHOW FULL COLUMNS FROM `wp_options`

[Wordpress] Lightbox not working for Lightbox Gallery

WordPress database error: [Can't create/write to file '/tmp/#sql-temptable-4db-1608ad-75.MAI' (Errcode: 28 "No space left on device")]
SELECT p.* FROM wp_mdb_forum_posts AS p LEFT JOIN wp_mdb_forum_posts AS q ON( q.Id = p.ParentId AND p.Id = q.AcceptedAnswerId ) WHERE p.PostTypeId = 2 AND p.ParentId = 91944 GROUP BY p.Id ORDER BY CASE WHEN q.Id IS NOT NULL THEN 1 ELSE 0 END DESC, p.UpvoteCount DESC, p.CreationDate ASC

  1. MDB Home Page
  2. Support Main Page
  3. General Bootstrap questions
Topic: [Wordpress] Lightbox not working for Lightbox Gallery

khantra asked 7 years ago

So I am trying to integrate MDB with with the Understrap bootstrap Theme. I am having an issue with the light box gallery. The gallery displays but the lightbox popup does not work.
This is the page I'm working on. 
 

I also get the following error:
Uncaught TypeError: Cannot read property 'addEventListener' of null
at Object.Waves.init (mdb.js?ver=4.9.8:15419)
at mdb.js?ver=4.9.8:15544
 
This refers to line 15419 in mdb.js:

 body.addEventListener('mousedown', showEffect, false);

The Head section loads the files in the following order:

<link rel='stylesheet' id='MDB-css' href='https://khanshadid.com/artsite/wp-content/themes/understrap/css/mdb.min.css?ver=4.9.8' type='text/css' media='all' />
<link rel='stylesheet' id='understrap-styles-css' href='https://khanshadid.com/artsite/wp-content/themes/understrap/css/theme.min.css?ver=0.8.7.1541037375' type='text/css' media='all' />
<link rel='stylesheet' id='Style-css' href='https://khanshadid.com/artsite/wp-content/themes/understrap/style.css?ver=4.9.8' type='text/css' media='all' />
<script type='text/javascript' src='https://khanshadid.com/artsite/wp-includes/js/jquery/jquery.js?ver=1.12.4'></script>
<script type='text/javascript' src='https://khanshadid.com/artsite/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.4.1'></script>
<script type='text/javascript' src='https://khanshadid.com/artsite/wp-content/themes/understrap/js/mdb.js?ver=4.9.8'></script>
<script type='text/javascript' src='https://khanshadid.com/artsite/wp-content/themes/understrap/js/script.js?ver=4.9.8'></script>


The Lightbox gallery is initialized in script.js file which loads after mdb.js this is the code:


jQuery(document).ready(function () {

jQuery(function () {

var stylesheet_directory_uri="<?php echo get_stylesheet_directory_uri(); ?>";

jQuery("#mdb-lightbox-ui").load(stylesheet_directory_uri+"/mdb-addons/mdb-lightbox-ui.html");

});

});

 

This is my slider code. 



 <div class="container">

<!-- First row -->

<div class="row">

  <!-- First column -->

  <div class="col-md-12">

    <div id="mdb-lightbox-ui"></div>

    <div class="mdb-lightbox no-margin">

      <figure class="col-md-4">

        <a href="https://mdbootstrap.com/img/Photos/Lightbox/Original/img%20(94).jpg" data-size="1600x1067">

          <img src="https://mdbootstrap.com/img/Photos/Lightbox/Thumbnail/img%20(94).jpg" class="img-fluid">

        </a>

        <figcaption>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus nobis sit veritatis

          cumque! Placeat voluptate aut pariatur! Nihil molestiae quos explicabo dignissimos quam cupiditate

          sequi corporis eaque corrupti. Vel, est.</figcaption>

      </figure>

      <figure class="col-md-4">

        <a href="https://mdbootstrap.com/img/Photos/Lightbox/Original/img%20(96).jpg" data-size="1600x1067">

          <img src="https://mdbootstrap.com/img/Photos/Lightbox/Thumbnail/img%20(96).jpg" class="img-fluid" />

        </a>

        <figcaption>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat

          nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt

          mollit anim id est laborum.</figcaption>

      </figure>

    </div>

  </div>

  <!-- First column -->

</div>

<!-- First row -->

    </div>
Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: Browser
  • Browser: Browser
  • OS: windwos
  • Provided sample code: Yes
  • Provided link: Yes
Tags
wordpress waves
Related topics
1
Uncaught ReferenceError: Waves is not defined
1
Custom Templates for WordPress
1
Disable waves effect on mask
1
mdb worpress publish thorws 504 gateway time-out
0
Contact Form Bootstrap Error innerHTML
About author
khantra
5Support score
1Questions 0Answers
0Snippets likes 0Snippets