Tôi đã thử các câu hỏi với tiêu đề simliar, nhưng chúng không hoạt động. (Ví dụ: How to load AJAX content into current Colorbox window?)Nội dung thay đổi jQuery của hộp màu
Tôi có trang chính: (bao gồm 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>
này hoạt động tốt, các (đơn giản) nội dung của 1.html được nạp trong hộp thuốc vẽ:
1.html:
<div id="blub">
<a rel="open_ajax" href="2.html">Change Content</a>
</div>
Bây giờ tôi muốn thay đổi nội dung bởi klicking vào liên kết. Điều này không hoạt động. Ether Tôi nhận được một hộp màu bổ sung hoặc không có gì xảy ra.
Thanx!
bạn có nghĩa là khi hộp màu mở ra (với nội dung từ 1.html), nó có liên kết đến 2.html không? Vì vậy, về cơ bản, bạn muốn có một liên kết bên trong hộp màu để thay đổi nội dung của hộp màu .. đúng không? – Donamite
nội dung của 1.html được tải trong hộp màu. liên kết "Thay đổi nội dung" được đọc ở đó. Tôi klick liên kết ... Bây giờ tôi muốn rằng nội dung của 2.html sẽ được tải trong hộp màu hiện có – saromba