Using jQuery .after inside loop

Question

I have a bit of javascript that will dynamically add a static post to a loop. The script uses the jQuery 'after' method and on a static page it works beautifully but when inside the loop I don't get any results.

Can anyone see what i'm doing wrong here? Does WP not allow DOM insertion within a loop?

function newTile(){
  var adTile = "<div class='new-box' id='article-tile'><h1> this is a test</h1>    </div>";
  var adLoc = 5;
  var tiles = $('#article-tile:nth-child('+adLoc+')');
  $(tiles).after(adTile);
}

Are you sure that tiles contains a DOM element?

Naftali
– Naftali

2012-08-27 14:30:59 +00:00
Commented Aug 27, 2012 at 14:30 — Naftali
– Naftali, Commented Aug 27, 2012 at 14:30

Chip Bennett · Accepted Answer · 2012-08-27 14:31:39Z

1

WordPress requires no-conflict for jQuery.

Change this:

var tiles = $('#article-tile:nth-child('+adLoc+')');
$(tiles).after(adTile);

...to this:

var tiles = jQuery('#article-tile:nth-child('+adLoc+')');
jQuery(tiles).after(adTile);

Or else wrap your entire script accordingly:

jQuery(document).ready(function($) {
    // $() will work as an alias for jQuery() inside of this function
});

answered Aug 27, 2012 at 14:31

Chip Bennett

55.1k8 gold badges91 silver badges170 bronze badges

1

Or even (function($){})(jQuery); would work ^_^

Naftali
– Naftali

2012-08-27 14:33:44 +00:00
Commented Aug 27, 2012 at 14:33

Add a comment |

Stack Exchange Network

Using jQuery .after inside loop

1 Answer 1

Your Answer

Hot Network Questions

Using jQuery .after inside loop

1 Answer 1

Your Answer

Sign up or log in

Post as a guest

Related

Hot Network Questions