Maybe it has something to do with the selector?

$(‘#wow-modal-window-1’).on(‘hidden.bs.modal’, function () {
alert(“You got it, pal!”);
});

I have tried the id that I used in the wow-modal admin

JQMIGRATE: Migrate is installed, version 1.4.0
load-scripts.php?c=1&load[]=jquery-core,jquery-migrate,utils,jquery-ui-core,jquery-ui-widget,jquery…:2 Uncaught Error: Syntax error, unrecognized expression: .hide_if_downloadable, .hide_if_virtual, .hide_if_eenvoudig, .hide_if_external, .hide_if_grouped, .hide_if_semplice, .hide_if_sencillo, .hide_if_sencillo-es, .hide_if_simple, .hide_if_simple, .hide_if_simple, .hide_if_simple, .hide_if_simple, .hide_if_variabel, .hide_if_variabel-de, .hide_if_variabile, .hide_if_variable, .hide_if_variable, .hide_if_variable, .hide_if_variable, .hide_if_variable, .hide_if_variable-es, .hide_if_%d0%bf%d0%b5%d1%80%d0%b5%d0%bc%d0%b5%d0%bd%d0%bd%d0%b0%d1%8f, .hide_if_%d0%bf%d1%80%d0%be%d1%81%d1%82%d0%be%d0%b9

https://www.ads-software.com/plugins/woocommerce/

I’m testing your plug-in with the theme Italystrap (GitHub). I noticed that some field, especially those who need Jquery not work with this theme, but with other themes do not give problems.

To which I asked the programmer of the topic if there was a solution to this inconvenience, but he said that ..

The problem is that the plugin does not insert properly js scripts in the footer and instead places them inline before it is loaded jQuery, you solve it by load jQuery header but this is very bad as a method.
Otherwise if you do not want to change plugin you should contact the developer and segnalargli problem.

So I do as I recommended and you wonder if you can solve this problem.

carry errors of consol browser.

Uncaught ReferenceError: jQuery is not defined
agconsulting.altervista.org/:198 Uncaught ReferenceError: jQuery is not defined
agconsulting.altervista.org/:237 Uncaught ReferenceError: jQuery is not defined
agconsulting.altervista.org/:301 Uncaught ReferenceError: jQuery is not defined
agconsulting.altervista.org/:346 Uncaught ReferenceError: jQuery is not defined
parsley.min.js? ver = 1.3.2.1: 1 Accessing the method addCatalog through ParsleyValidator is deprecated. Simply call window.Parsley.addCatalog (...)

TEST

https://www.ads-software.com/plugins/caldera-forms/

If i need to put any js/jqery for a specific page, then , where should i put that. For eg. to put the css, we use child theme style.css. So, for js is there any file?

Thanks

I have added below code in index.php

<ul id='PaginationExample'>
  <li><?php next_posts_link('&laquo; Older Entries') ?></li>
  <li><?php previous_posts_link('Newer Entries &raquo;') ?></li>
  </ul>

And also added below JS on header.php

<script type="text/javascript" charset="utf-8">
jQuery(document).ready(function(){
jQuery('#PaginationExample a').live('click', function(e){
  e.preventDefault();
  var link = jQuery(this).attr('href');
  jQuery('#contentWrap').html('Loading...');
  jQuery('#contentWrap').load(link+' #content');  

  });  

  });
  </script><p></p>

My Index div Structure

<?php get_header(); ?>
<div id="contentWrap">
<div id="content">

where div#content containing only main Contents (excluding any type of sidebar etc)

PS: I am new in JQuery

It seems does not work,page are still loading with Refresh.

Whats wrong with my code?

Any Solution?

Thank you

Masonry is a layout plugin for jQuery. Think of it as the flip side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically then horizontally according to a grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall.

All the featured images of the page should be stacked seamlessly without gaps between the elements. ‘Seamlessly’ is the idea, but each picture keeps approx. 3 pixels of white space below the picture. I cannot succeed to remove this. See an example of the website here.

When replacing the <?php the_post_thumbnail('full', array('class' => 'thumb')); ?> with <div style="width:420px; height:233px; background-color:#FC0;"></div> it works perfectly. No whitespace and everything is stacked seamlessly. The issue is probably the <img> inside the <div class="box">. I’ve tried to style the <img> in various different ways without success. Any suggestion is welcome.

index.php

<div id="wrapper">
	<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

		<div class="box">
        	<a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>" >
            	<!-- TEST DIV.
                <div style="width:420px; height:233px; background-color:#FC0;"></div>
            	-->
			<?php the_post_thumbnail('full', array('class' => 'thumb')); ?>

                <span class="thumb-slide">
                    <ul>
                        <li><?php the_title(); ?></li>
                        <li><?php the_subtitle() ?></li>
                    </ul>
                </span>
             </a>
		</div>

	<?php endwhile; ?>

	<?php else : ?>

		<h2>Not Found</h2>

	<?php endif; ?>
</div>

CSS

#wrapper {
	padding: 0;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 80px;
	margin-left: 20px;
	}

.box {
  float: left;
  margin: 0px;
  padding: 0px;
	}

.box img {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	}

.thumb {
	margin: 0px;
	padding: 0px;
	}