在此处添加代码的新元素，而不是在另一个元素之后。
|
为phpBB制作了一些BBcode，以允许用户发布带有特定标签的flickr图片。
线程中的每个photo div必须是唯一的，并且在加载线程时会加载图像。
当涉及到唯一的DIV时，我很想办法在插入BBcode时将唯一命名的元素插入DOM中，然后加载图片。看来我不能在BBcode中使用PHP，也不能在模板标签中使用PHP-如果我可以很容易地从帖子ID和flickr标签中制作出一个独特的照片元素，那我就可以笑了。哦，我不能碰模板。全部都在BBcode中。
因此，这是我制作唯一ID的方法：
var flickrUser = \"{URL}\".split(\"/\")[4];
var tag = \"{URL}\".split(\"/\")[6];
var photoDIV = flickrUser + \"-\" + \"tag\";
<div id=\"p61789\" class=\"post bg2\">
var postnumber=$(this).closest(\'div[class^=\"post\"]\').attr(\'id\');
<div class = \"content\">
<div id=\"sig61789\" class=\"signature\">
$(this).prev(\'content\').html(\'<ul class=\"thumbs\" id=photoDIV></ul>\');
$(this).html(\'<ul class=\"thumbs\" id=photoDIV></ul>\');
<div id=\"p63167\" class=\"post bg2 online\">
<div class=\"inner\">
<span class=\"corners-top\">
<span></span>
</span>
<div class=\"postbody\">
<ul class=\"profile-icons\">
<li class=\"edit-icon\">
<a href=\"posting.php\" title=\"Edit post\">
<span>Edit post</span>
</a>
</li>
<li class=\"delete-icon\">
<a href=\"posting.php\" title=\"Delete post\">
<span>Delete post</span>
</a>
</li>
<li class=\"report-icon\">
<a href=\"report.php\" title=\"Report this post\">
<span>Report this post</span>
</a>
</li>
<li class=\"info-icon\">
<a href=\"mcp.php\" title=\"Information\">
<span>Information</span>
</a>
</li>
<li class=\"quote-icon\">
<a href=\"posting.php\" title=\"Reply with quote\">
<span>Reply with quote</span>
</a>
</li>
</ul>
<h3 class=\"first\">
<a href=\"#p63167\">Re: Testing new bbcode - ignore</a>
</h3>
<p class=\"author\">
<a href=\"viewtopic.php\">
<img src=\"\" alt=\"Post\" title=\"Post\" />
</a>by
<strong>
<a href=\"memberlist.php\">xxx</a>
</strong>» 13 Jun 2011 14:33</p>
<div class=\"content\">
<script>var
APIkey=\"xxx\";head.js(\"/forum/jflickrfeed/jflickrfeed.min.js\",\"http://jquery-lazy.googlecode.com/svn-history/r14/trunk/jquery.lazy.source.js\",function(){var
flickrUser=\"http://www.flickr.com/photos/xxx/tags/7thjanuary2010/\".split(\"/\")[4];var
tag=\"http://www.flickr.com/photos/xxx/tags/7thjanuary2010/\".split(\"/\")[6];var
photoDIV=flickrUser+\"-\"+\"tag\";$(this).html(\'
<ul class=\"thumbs\" id=\"photoDIV\">
</ul>\');$.getJSON(\"http://www.flickr.com/services/rest/?jsoncallback=?\",{method:\"flickr.urls.lookupUser\",url:\"http://www.flickr.com/photos/xxx/tags/7thjanuary2010/\",format:\"json\",api_key:APIkey},function(data){$(\'#cbox\').jflickrfeed({limit:30,qstrings:{id:data.user.id,tags:tag},itemTemplate:\'
<li>\'+\'
<a rel=\"colorbox\" href=\"{{image}}\" title=\"{{title}}\">\'+\'
<img src=\"{{image_m}}\" alt=\"{{title}}\" />\'+\'</a>\'+\'</li>\'},function(data){$(\'#cbox
a\').colorbox();});});$.lazy([{src:\'/forum/jflickrfeed/colorbox/colorbox/jquery.colorbox-min.js\',name:\'colorbox\',dependencies:{css:[\'/forum/jflickrfeed/jflickrfeed.css\',\'/forum/jflickrfeed/colorbox/example1/colorbox.css\']}}]);});</script>
<ul id=\"cbox\" class=\"thumbs\"></ul>
</div>
<div id=\"sig63167\" class=\"signature\"></div>
</div>
</div>
</div>
没有找到相关结果
已邀请:
2 个回复
缝皋
DOM元素。您是否有任何原因无法将此代码移至页面级别，并在页面加载时初始化所有帖子？$(function() { $(\'.post\').each(function(i,item) { console.log(this); //Post DOM element. //execute your flick retrieval code here. }); }宠封钞轰
您也可以添加原始html，只需设置新元素的innerHTML即可。