使用jQuery.After内部循环

时间:2012-08-27 作者:HjalmarCarlson

我有一点javascript,可以动态地向循环中添加静态帖子。该脚本使用jQuery“after”方法,在静态页面上工作得很好,但在循环中我没有得到任何结果。

有人知道我做错了什么吗?WP不允许在循环中插入DOM吗?

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);
}

1 个回复
最合适的回答,由SO网友:Chip Bennett 整理而成

WordPress requires no-conflict for jQuery.

更改此项:

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

var tiles = jQuery(\'#article-tile:nth-child(\'+adLoc+\')\');
jQuery(tiles).after(adTile);
或者相应地包装整个脚本:

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

结束