ajax调用带有唯一ID的jquery对话框

时间:2013-03-12 02:26:56

标签: jquery ajax dialog

任何人都可以帮忙,... 我有一个评论页面,其中包含报告/垃圾邮件的链接,我想通过ajax调用对话框,...我该怎么做,...?提前致谢,... 这是我的代码:

<script>

$(function() {
 $('#photo_comments_opener_<?php echo $photo_comment['PhotoComment']['id'] ?>').dialog({
 autoOpen: false,
 width: 500,
 modal: true,
 title: 'Report Photo Comment',

    open: function ()
    {
        $.ajax(function(){
            url: "<?php echo $html->url("/report/photo_comment/" . $photo_comment['PhotoComment']['id']) ?>",
            data: data, 
            type: "post",
            sucess:function(msg){
                $('#photo_comments_opener_<?php echo $photo_comment['PhotoComment']['id'] ?>').html(msg)
            }
        });
   }       

});

  });
</script> 

这是链接:

<?php echo $html->link(ucfirst(__('report', true)), 'javascript:void(0)', array('id' => "photo_comments_opener_".$photo_comment['PhotoComment']['id'], 'class' => 'report')) ?>

谢谢你回复Chintana,...但是我不能成功,...... 我有一个打开对话框的代码,但是我无法在其中调用ajax调用:

<script>
$(function() {
$( "#photo_comments_dialog_<?php echo $photo_comment['PhotoComment']['id'] ?>" ).dialog({
autoOpen: false,
width: 500,
modal: true,
title: 'Report Photo Comment'

});

$( "#photo_comments_opener_<?php echo $photo_comment['PhotoComment']['id'] ?>" ).click(function() {
  $( "#photo_comments_dialog_<?php echo $photo_comment['PhotoComment']['id'] ?>" ).dialog( "open" );
});

});
</script>

这是链接:

<?php echo $html->link(ucfirst(__('report', true)), 'javascript:void(0)', array('id' => "photo_comments_opener_".$photo_comment['PhotoComment']['id'], 'class' => 'report')) ?>

这里是ID div:

<div id="photo_comments_dialog_<?php echo $photo_comment['PhotoComment']['id'] ?>"></div>

请帮我完成这个,...... 提前谢谢

1 个答案:

答案 0 :(得分:0)

我的PHP不是很好所以我会尝试围绕javascript / jquery构建我的想法

我假设您通过单击按钮或链接来调用显示对话框部分。为什么不像你所做的那样更进一步使用$ .ajax的成功回调并在其中进行对话显示

的内容
function displayCommentDialog(){
    $.ajax(function(){
        url: "<?php echo $html->url("/report/photo_comment/" . $photo_comment['PhotoComment']['id']) ?>",
        data: data, 
        type: "post",
        sucess:function(msg){
            $('#photo_comments_opener_<?php echo $photo_comment['PhotoComment']['id'] ?>').html(msg);

            var d = $('#photo_comments_opener_<?php echo $photo_comment['PhotoComment']['id'] ?>').dialog(
                {
                    // all your dialog options
                });

                d.dialog("open");
        }
    });
}