Jquery plugins jQuery的帮助';s.live()方法

Jquery plugins jQuery的帮助';s.live()方法,jquery-plugins,jquery,Jquery Plugins,Jquery,我有一个为照片库动态创建链接的功能。当单击和缩略图时,该函数还会生成一个较大的图像作为div的背景图像。我想做的是有第三个事件,如果用户单击div中放大的图像,jQuery Fancybox将加载div中显示的图像的更大版本。问题是,我正在使用的锚标记的链接是动态创建的,我知道Fancybox会在DOM就绪时解析HTML……不幸的是,我的函数通过为全尺寸图像添加锚定标记来更改DOM。我需要的帮助是使用Fancybox的选项为插件指定href属性。我很抱歉说的太多了…这是密码 jQuery: fu

我有一个为照片库动态创建链接的功能。当单击和缩略图时,该函数还会生成一个较大的图像作为div的背景图像。我想做的是有第三个事件,如果用户单击div中放大的图像,jQuery Fancybox将加载div中显示的图像的更大版本。问题是,我正在使用的锚标记的链接是动态创建的,我知道Fancybox会在DOM就绪时解析HTML……不幸的是,我的函数通过为全尺寸图像添加锚定标记来更改DOM。我需要的帮助是使用Fancybox的选项为插件指定href属性。我很抱歉说的太多了…这是密码

jQuery:

function gallery(picid, picnum){
var ext = 'jpg';
var fullSize = 'imgs/'+picid+'_full.'+ext;
$('#photolarge').css("background", 'url(imgs/'+picid+'_large.'+ext+') no-repeat');
$('#photolarge a').attr(
    {   href: fullSize
        //rel: 'lightbox',  
    }
    );

$("#lightboxlink").click(function(){
    $('#lightboxlink').fancybox({
        'autoDimensions' : false,
        'width' : 'auto',
        'height' : 'auto',
        'href' : fullSize
        });


    });

return false;
}
HTML代码段

<div id="photolarge">
   <a id="lightboxlink" href="#"></a>
</div>
        <div id="phototable">
            <ul id="photorow1">
                <li><a onclick="gallery('bigsun',1)"><img id="sun" src="imgs/bigsun.jpg" /></a></li>
            </ul>
        </div>  

任何帮助都将不胜感激

试试这个,看看它是否管用,不过这只是一个花哨的方块,其余的代码看起来不错

$("#lightboxlink").live('click', function(){

    $.fancybox({
        'autoDimensions'  : false,
        'width'           : 'auto',
        'height'          : 'auto',
        'href'            : $(this).attr('href')
    });
    return false;
});

嗨,克里斯蒂安,你能发一个链接到你的网页吗?@Avinash这个网页还没有上线,我现在正处于网络主机之间。还有什么我可以做的吗?你可以在|上发布代码吗?javascript为我构建的图像链接在那里无法正常工作…尽管这是一个有用的资源!!我认为我无法远程加载jsbin.com的Fancybox插件
$("#lightboxlink").live('click', function(){

    $.fancybox({
        'autoDimensions'  : false,
        'width'           : 'auto',
        'height'          : 'auto',
        'href'            : $(this).attr('href')
    });
    return false;
});