Javascript 如何将Jquery对话框与fullcalendar一起使用？

当我将jQuery对话框与fullcalendar一起使用时，我的js文件会发生冲突。 如何解决这个问题

这就是我想做的

    $(function () {

        $("#dialog").dialog({
            autoOpen: false,
            show: {
                effect: "blind",
                duration: 1000
            },
            hide: {
                effect: "explode",
                duration: 1000
            }
        });

        $("#opener").click(function () {

            $("#dialog").dialog("open");
        });
    });






    $(document).ready(function () {
        var date = new Date();
        var d = date.getDate();
        var m = date.getMonth();
        var y = date.getFullYear();

        $('#calendar').fullCalendar({
            aspectRatio: 2,

            eventClick: function(calEvent, jsEvent, view) {

                alert('Event: ' + calEvent.title);

               **// on this event click i want pop-up** 
            },


            dayClick: function (date, allDay, jsEvent, view)
            {


                $(this).css('background-color', 'cyan');

            },
            header: {
                left: 'prev,next,today',
                center: 'title',
                right: 'month,agendaWeek,agendaDay'
            },
            editable: true,
            events: [

                {
                    title: 'All Day Event',
                    start: new Date(y, m, 1)
                },
                {
                    title: 'Long Event',
                    start: new Date(y, m, d - 5),
                    end: new Date(y, m, d - 2)
                },
                {
                    id: 999,
                    title: 'Repeating Event',
                    start: new Date(y, m, d - 3, 16, 0),
                    allDay: false
                },
                {
                    id: 999,
                    title: 'Repeating Event',
                    start: new Date(y, m, d + 4, 16, 0),
                    allDay: false
                },
                {
                    title: 'Meeting',
                    start: new Date(y, m, d, 10, 30),
                    allDay: false
                },
                {
                    title: 'Lunch',
                    start: new Date(y, m, d, 12, 0),
                    end: new Date(y, m, d, 14, 0),
                    allDay: false
                },
                {
                    title: 'Birthday Party',
                    start: new Date(y, m, d + 1, 19, 0),
                    end: new Date(y, m, d + 1, 22, 30),
                    allDay: false
                },
                {
                    title: 'Click for Google',
                    start: new Date(y, m, 28),
                    end: new Date(y, m, 29),
                    url: 'http://google.com/'
                }
            ]
        });

    });

在日历上单击事件时，我希望弹出一个显示事件标题的窗口。

---

非常感谢您尽快提供帮助。

您的js文件冲突是什么意思？请查看。他们用另一个插件做了你想做的事情。如果我在对话框中使用js文件..我的完整日历消失..这就是为什么我使用“confilt”术语。你看了eventRender吗？您应该将对话框添加到eventRender中的元素中。