小编Jie*_*ert的帖子

我正在使用Colorbox在我的页面上显示隐藏div的html内容.我可以使用以下方法完美地工作:

$("a.colorbox").colorbox({width:"600px", inline:true, href:"#344"});

这将显示ID为344的div.

但是,因为我正在尝试使用WordPress构建可伸缩的动态页面,所以我希望能够通过函数获取我的div的ID,而不是在jquery调用中对它们进行硬编码.

我修改了杰克摩尔的例子:

$("a[rel='example']").colorbox({title: function(){
    var url = $(this).attr('href');
    return '<a href="'+url+'" target="_blank">Open In New Window</a>';
}}); 

所以它看起来像这样:

$(".colorbox").colorbox({width:"600px", inline:true, href:function(){
    var elementID = $(this).attr('id');
    return elementID;
}}); 

这个问题是colorbox函数的href属性正在寻找一个带有ID前面#标记的字符串.我尝试了各种方法将#连接到函数的前面,包括返回值中的#,以及将#连接到elementID变量.没运气.

我也试过在Jack的例子中使用语法(没有运气),所以我的return语句看起来像这样:

return "#'+elementID+'";

我认为我的基本问题是:如何使用colorbox在我的页面上显示隐藏的div而不对所有内容进行硬编码？

谢谢你的帮助,杰特