我正在使用4个不同的div,其中包含打开彩色框的链接以进行小编辑。但是,一旦我使用.load分别在每个div中调用新的链接集,即使我在成功后进行了新的调用,它显然也无法正确绑定。
一个div的例子:
<div id="blah"> <a class="iframe" href="dddd.php">link</a> </div>
<a href="#" rel="switch" id="blah">Switch content</a>
因此,在这种形式下,彩色框得到了正确显示,但是一旦我点击“切换”链接后获得一组新链接,它就会停止工作。
$(function() {
$('a[rel="switch"]').live("click", function(evt) {
var src = $(this).attr('id');
$("div#" + src).load("next.php?contents=" + src, function() {
$(document).ready(function(){
$(".iframe").colorbox({scrolling: false});
});
});
evt.preventDefault();
})
})