jquery - Dialog doesn't "pop up" but redirects the entire page -
i working on calendar using fullcalendar jquery plugin. need dialog opened when click event. when click event on calender split second gray background when open dialog, dialog supposed pop-up clears page , opens (so calendar dissapears). i've been looking everwhere , can't figure out i'm doing wrong.
this code clickevent :
eventclick: function (event) { if (event.url) { var page = event.url var title = "test" var $dialog = $('<div></div>') .html('<iframe style="border: 0px; " src="' + page + '" width="100%" height="100%"></iframe>') .dialog({ autoopen: false, modal: true, height: 300, width: 600, title: title, position: "top" }); $dialog.dialog('open'); } return false }
edit :
appearantly has jquery version. these imports :
<link href='../../../scripts/fullcalendar/fullcalendar.css' rel='stylesheet' /> <link href='../../../scripts/fullcalendar/fullcalendar.print.css' rel='stylesheet' media='print' /> <%--<script src='../../../scripts/jquery-1.9.1.min.js'></script>--%> <%--<script src='../../../scripts/jquery-ui-1.10.2.custom.min.js'></script>--%> <script src="../../../scripts/jquery-1.7.1.min.js" type="text/javascript"></script> <script src="../../../scripts/dialog/jquery.dialog.min.js" type="text/javascript"> </script> <script src='../../../scripts/fullcalendar/fullcalendar.min.js'></script> <link href="../../../scripts/dialog/css/ui-lightness/jquery.dialog.css" rel="stylesheet" type="text/css" />
when use lower version of jquery dialog works fine. need new version though implement drag & drop. been looking day solution can't find one. appreciated
update:
i have imported jquery-migrate-1.2.0.js, , dialog shows up. i'm having new issue : events in calendar pop on top of dialog, after opening dialog couple of times seems fix itself. it's still pretty annoying, right i'm resolving hiding calendar when dialogs opens, i'd have shown in background...
Comments
Post a Comment