Jquery Wordpress花式方框标题未显示

Jquery Wordpress花式方框标题未显示,jquery,wordpress,fancybox,title,Jquery,Wordpress,Fancybox,Title,我正在尝试使用wordpress建立一个网站,我的一个插件是帮助在图像上创建热点(54.165.58.29/dahlia/这是页面)。我无法在图像的弹出显示中显示标题 这是这里的代码 $_ = jQuery.noConflict(); $_(document).ready(function() { $_("a[rel=map_gallery]").fancybox({ 'transitionIn' : 'none',

我正在尝试使用wordpress建立一个网站,我的一个插件是帮助在图像上创建热点(54.165.58.29/dahlia/这是页面)。我无法在图像的弹出显示中显示标题

这是这里的代码

$_ = jQuery.noConflict();
$_(document).ready(function() {   
        $_("a[rel=map_gallery]").fancybox({
            'transitionIn'      : 'none',
            'transitionOut'     : 'none',
            'titlePosition'     : 'inside',
            'titleFormat' : function(title, currentArray, currentIndex, currentOpts)

{ return '<span id="fancybox-title-inside">Image ' + (currentIndex + 1) + ' of ' +    currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
}
});                                       
});
$\=jQuery.noConflict();
$(文档).ready(函数(){
$\uA(“一个[rel=map\u画廊]”).fancybox({
“transitionIn”:“无”,
“transitionOut”:“无”,
“标题位置”:“内部”,
“标题格式”:函数(标题、currentArray、currentIndex、currentOpts)
{返回'+currentArray.length+(title.length?''+title:'')+''的'Image'+(currentIndex+1)+';
}
});                                       
});

我已经为此花费了很多小时。

您需要为代码中的每个a标记添加title属性,以便fancy box将其选中

<a id="197_mark_image_1" href="http://54.165.58.29/wp-content/uploads/2014/06/MB2.jpg" class="btn" rel="map_gallery" style="  position: absolute; top:39px; left:152px; " title="My image title">
  <!--img src="http://54.165.58.29/wp-content/plugins/floorplan-generator/images/camera-button.png" /-->
  <div onclick="addToFancyboxWrap(this)" style=" width: 30px;height: 30px;-moz-border-radius: 50px;-webkit-border-radius: 50px;border-radius: 50px;color: #fff;"><img src="/wp-content/uploads/2014/08/circle_pink_hotspot2.png"></div></a>