전체 일정 나는 fullcalendar을 사용하고 +의 JQuery와 UI 대화

Question

: - http://arshaw.com/fullcalendar/

내가 어떤 결과를 생성하는 동일한 페이지에 다시 매개 변수를 얻을 수 JQuery와 .post를 사용하고, 이것이 잘 작동한다.

동시에 jquery UI 대화 상자를 사용하여 표시된 내용을 보유하고 싶습니다. 공식 사이트에서 샘플 코드를 붙여 넣는 동안 예제가 작동합니다. 그러나 .post 출력을 대화 상자와 결합 할 때 성공하지 못했습니다.

나는 스크립트의 아래 2 개 세트를 조합에 도움을 요청하고 싶습니다 : - (! 작업)

// 출력을 .post 생성

<script> 
function event_details(thevalue){ 
$.post('module/calendar/event_details.php',{ 
eid:thevalue}, 

function(output){ 
    $('#theeventmsg').html(output); 
}); 
} 
</script> 
<div id='theeventmsg'></div> 

// JQuery와 UI 대화 (작업!)

<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 --> 

도울 수 ??? 고마워요 !!

Answer 1

같은 것을보십시오 :

<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>