将WP POST内容传递给jQuery插件(FancyBox)

时间:2012-10-04 作者:jsebcortes

我正在建立一个投资组合WordPress。它只显示图像缩略图,带有一个称为fancybox的视频元素。在<a> 标记,属性具有fancybox加载内容所需的信息。这个"href=" 是要显示的视频的url"title=" 是帖子的标题等。

我想以某种方式将文章的内容带到fancybox窗口,并将其显示为标题(视频下的标题)。

到目前为止,我的方法是将帖子的内容纳入<a> 标记,然后将内容传递到FBox.js 文件

我已将帖子内容(the\\u content)添加到的自定义属性中<a>, eventid=并将其带到<a></a> 标签。

我已经做到了:帖子内容作为“eventid=”属性和<a> 标签。

这就是Fbox调用元素如何加载到索引中的WordPress循环中。

<a class="thumbnail-frame excerpt-text <?php 
if($video_url !=\'\' || $embeded_code != \'\') : 
?>video<?php 
else: 
?>shots<?php 
endif; 
?>" <?php 
if($video_url !=\'\' || $embeded_code != \'\') : 
?><?php else: 
?>rel="set-<?php the_ID(); ?>"<?php 
endif; ?> href="<?php 
if($video_url !=\'\' || $embeded_code != \'\') : 
?>#embed-<?php the_ID(); ?><?php 
else: ?><?php echo $upload_image_1; ?><?php 
endif; ?>" title="<?php the_title(); ?>" eventid="<?php the_content(); ?>"><span class="post"><?php 
    the_content(); 
?></span></a>
然而,我仍然很难将文本发送到FBox JavaScript插件中,以便从索引中抓取内容并加载到FBox中。

我所做的最多的是:

 \'titleFormat\' : function(title, currentArray, currentIndex, currentOpts) {
 return \'<span id="fancybox-title-over">\' + jQuery("a.video").html() + \'</span>\';
只在Fbox中发布第一篇文章的内容(它获取找到的第一个a.video元素的内容)。

我试过了

 \'titleFormat\' : function(title, currentArray, currentIndex, currentOpts) {
 return \'<span id="fancybox-title-over">\' + jQuery(this).html() + \'</span>\';
但它返回null或未定义的值,并在Fbox中打印。

我被卡住了,我不知道如何抓取每个帖子的特定文本内容并将其放入FBox。我在想也许用一个全局变量?

我是个学生,所以我显然是个超级新手,我真的很想超越这个障碍。

该博客位于:http://realitynext.heliohost.org/wordpress/

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

这就是我工作的方式:

\'titleFormat\' : function(title, currentArray, currentIndex, currentOpts) {
  return \'<span id="fancybox-title-over">\' + jQuery(currentArray[currentIndex]).html() + \'</span>\';
}

结束

相关推荐

如何将jQuery就地编辑器与$wpdb->更新相结合

我正在尝试使用jQuery就地编辑器(http://code.google.com/p/jquery-in-place-editor/)在WordPress上更新数据库中自定义表的某些值。我对AJAX(第一次尝试使用它)或MYSQL不是很熟练,这就是我遇到困难的原因。我会尽可能用最好的方式解释我的问题。我想要的是更改column (电话)内部table (wp\\U esn\\U持卡人)。每行有一个唯一的ID (id\\U持卡人)。我可以在页面内顺利运行jQuery就地js,调用“save.php”<