0

モーダルを使用して画像を表示しています。

 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 が存在します。

ありがとうございました。

4

0 に答える 0