モーダルを使用して画像を表示しています。
function showPhoto(pictureinfo){
var photo = $('<div id="piccontent"></div>');
var split = (pictureinfo).split("_");
var title = split[0];
var albumid = split[1];
var attachmentid = split[2];
var wWidth = $(window).width();
var wheight = $(window).height();
var dWidth = wWidth * 0.8;
var datastring = 'albumid='+ albumid +'&attachmentid='+ attachmentid;
$.ajax({
url: 'album.php',
data: datastring,
success: function(data) {
photo.html(data).dialog({title: title, width: 'auto', height:'auto',
close: function(ev, ui) {
$('.body_wrapper').css({
opacity: 1.0
});
} ,
buttons: [{
text: "Close",
className: 'cancelButtonClass',
click: function() {
photo.dialog('close');
$('.body_wrapper').css({
opacity: 1.0
});
}
}]}) .dialog('open');
$('.body_wrapper').fadeTo("slow", 0.1);
$('textarea').autosize();
$(".comment").watermark('Write a comment');
}
});
};
親指をクリックすると、上記の関数が返されます。結果には、次と前のリンクがあります。クリックすると、モーダル内の次/前の画像が返されます。
$('.albumnav').live('click', function(){
var picdata = this.id;
$.ajax({
url: 'album.php',
data: picdata,
success: function(data) {
$('#piccontent').html(data);
}});
});
すべてが完璧です。しかし、モーダルを閉じてもう一度開こうとすると、次/前のリンクをもう一度クリックすると、firebug は正しい応答を表示しますが、div piccontent は更新されません
$('#piccontent').html(data);
その部門の更新を妨げるものは何ですか? 応答は簡単で、div が存在します。
ありがとうございました。