我已经尝试了类似标题的问题,但它们并不起作用。(例如:如何将AJAX内容加载到当前Colorbox窗口中?)
我有一个主页面:(包括jQuery 1.6.1)
这很好,1.html的(简单)内容已经在colorbox中加载:
我有一个主页面:(包括jQuery 1.6.1)
<script type="text/javascript" src="js/jquery.colorbox.js"></script>
<link rel="stylesheet" type="text/css" href="css/colorbox.css" />
<script>
jQuery(function(){
$("#aLink").colorbox();
$('#blub a[rel="open_ajax"]').live('click', function(e){
e.preventDefault();
var url = $(this).attr('href');
$.ajax({
type: 'GET',
url: url,
dataType: 'html',
cache: false,
beforeSend: function() {
//$('#cboxContent').empty();
$('#cboxLoadedContent').empty();
$('#cboxLoadingGraphic').show();
},
complete: function() {
$('#cboxLoadingGraphic').hide();
},
success: function(data) {
$('#cboxLoadedContent').append(data);
}
});
});
});
</script>
<a href="1.html" id="aLink">colorbox open</a>
这很好,1.html的(简单)内容已经在colorbox中加载:
1.html:
<div id="blub">
<a rel="open_ajax" href="2.html">Change Content</a>
</div>
我想通过点击链接来更改内容,但这并没有起作用。要么我得到一个额外的colorbox,要么什么也不会发生。
谢谢!