Php 完整日历+；jQueryUI对话

我使用的是完整日历：-

我使用jquery.post将一个参数返回到同一个页面以生成一些结果，这很好

同时，我希望使用jqueryui对话框来保存显示的内容。当粘贴来自官方网站的示例代码时，该示例起作用。然而，当将.post输出与对话相结合时，它并不成功

我希望在结合以下两组脚本时寻求帮助：-

//用于生成.post输出（工作！）

函数事件\u详细信息（值）{
$.post（'module/calendar/event_details.php'{
eid:thevalue}，
功能（输出）{
$（'theeventsg'）.html（输出）；
});
}

//jquery ui对话（工作！）

//增加默认动画速度以放大效果
$.fx.speeds.\u默认值=1000；
$（函数（）{
$（“#对话框”）。对话框({
自动打开：对，
表演：“盲人”，
隐藏：“爆炸”
});
$（“#开场白”）。单击（函数（）{
$（“对话框”）。对话框（“打开”）；
返回false；
});
});
这是一个动画对话框，用于显示信息。可以使用“x”图标移动、调整和关闭对话框窗口

打开对话框

---

你能帮忙吗？？？非常感谢

试试这样的方法：

<script>
  $.fx.speeds._default = 1000;

  $(document).ready(function() {
    $( "#dialog" ).dialog({ autoOpen: false });

    $('#button').click(function () {
      var data = { ... };

      $.post('module/calendar/event_details.php', data, function (output) {
        $('#dialog p').html(output);
        $( "#dialog" ).dialog("open");
      });
    });
  });
</script>    

<div id="dialog">
  <p>content</p>
</div>

<button id="button">button</button>

$.fx.speeds.\u默认值=1000；
$（文档）.ready（函数（）{
$（“#dialog”）.dialog（{autoOpen:false}）；
$（“#按钮”）。单击（函数（）{
变量数据={…}；
$.post（'module/calendar/event_details.php'，数据，函数（输出）{
$（'#dialog p'）.html（输出）；
$（“对话框”）。对话框（“打开”）；
});
});
});
内容

按钮

或：

$（文档）.ready（函数（）{
函数事件详细信息（值）{
$.post（'event_details.php'，{eid:thevalue}，函数（输出）{
$（'#dialog p'）.html（输出）；
$（“#dialog”）.dialog（{autoOpen:true}）；
});
}
$（“#按钮”）。单击（函数（）{eventdetail（'value'）；}）；
});  
内容

按钮

@Speransky Danil，我想使用对话来包含.post和弹出窗口的html输出…实际上，我的朋友可以使用：-function eventdetail（thevalue）{$.post（'event_details.php'，{eid:thevalue}，function（output）{$（'theeventsg'）.html（output）$（'theeventsg”）.dialog（{宽度：350，高度：300}）}但是我不能！！！

<script>
// increase the default animation speed to exaggerate the effect
$.fx.speeds._default = 1000;
$(function() {
    $( "#dialog" ).dialog({
        autoOpen: true,
        show: "blind",
        hide: "explode"
    });

    $( "#opener" ).click(function() {
        $( "#dialog" ).dialog( "open" );
        return false;
    });
});
</script>



<div class="demo">
<div id="dialog" title="Basic dialog">
    <p>This is an animated dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p>
</div>
<button id="opener">Open Dialog</button>
</div><!-- End demo -->

<script>
  $.fx.speeds._default = 1000;

  $(document).ready(function() {
    $( "#dialog" ).dialog({ autoOpen: false });

    $('#button').click(function () {
      var data = { ... };

      $.post('module/calendar/event_details.php', data, function (output) {
        $('#dialog p').html(output);
        $( "#dialog" ).dialog("open");
      });
    });
  });
</script>    

<div id="dialog">
  <p>content</p>
</div>

<button id="button">button</button>

<script>
  $(document).ready(function () {
    function eventdetail(thevalue) {
      $.post('event_details.php', { eid: thevalue }, function (output) {
        $('#dialog p').html(output);
        $("#dialog").dialog({ autoOpen: true });
      });
    }

    $('#button').click(function () { eventdetail('value'); });
  });  
</script>

<div id="dialog">
  <p>content</p>
</div>

<button id="button">button</button>