{"id":7799,"date":"2015-10-27T09:02:30","date_gmt":"2015-10-27T09:02:30","guid":{"rendered":"https:\/\/unknownerror.org\/index.php\/2015\/10\/27\/how-do-i-properly-load-the-jquery-fullcalendar-plugin-in-a-hidden-div-open-source-projects-arshaw-fullcalendar\/"},"modified":"2015-10-27T09:02:30","modified_gmt":"2015-10-27T09:02:30","slug":"how-do-i-properly-load-the-jquery-fullcalendar-plugin-in-a-hidden-div-open-source-projects-arshaw-fullcalendar","status":"publish","type":"post","link":"https:\/\/unknownerror.org\/index.php\/2015\/10\/27\/how-do-i-properly-load-the-jquery-fullcalendar-plugin-in-a-hidden-div-open-source-projects-arshaw-fullcalendar\/","title":{"rendered":"How do I properly load the jQuery fullcalendar plugin in a hidden div-open source projects arshaw\/fullcalendar"},"content":{"rendered":"<p><img decoding=\"async\" src=\"http:\/\/www.gravatar.com\/avatar\/65aeb72112c1cab6bcf312e241cc84be?s=128&amp;d=identicon&amp;r=PG\" \/> <strong>gizmo16<\/strong><\/p>\n<p>you must using javascript to set display none fullcalendar<\/p>\n<p>something like this:<\/p>\n<pre><code>                document.getElementById(\"test\").style.display=\"none\";\n<\/code><\/pre>\n<p>then it looks like this:<\/p>\n<pre><code>\n\n    \n    \n       \n\n    \n\n\n        $(document).ready(function() {\n\n            $('#bigCalendar').fullCalendar({\n                header: {\n                    left: 'prev,next today',\n                    center: 'title',\n                    right: 'month,agendaWeek,agendaDay'\n                },\n                editable: false,\n                events: [{\"id\":111,\"title\":\"Event1\",\"start\":\"2012-11-10\",\"url\":\"http:\\\/\\\/yahoo.com\\\/\"},{\"id\":222,\"title\":\"Event2\",\"start\":\"2012-11-20\",\"end\":\"2012-11-22\",\"url\":\"http:\\\/\\\/yahoo.com\\\/\"}]\n            });\n\n            document.getElementById(\"test\").style.display=\"none\";\n        });\n\n\n\n\n\n        function closeEventDetails(){\n\n            $(\"#test\").hide(\"fast\");\n        }\n\n\n\n        function showBigCalendar(){\n\n            $(\"#test\").show(\"fast\");\n\n            \/\/                $('#bigCalendar').fullCalendar( 'render' )\n\n        }\n\n\n\n        $(document).ready(function() {\n        });\n\n    \n\n    \n\n        body {\n            margin-top: 40px;\n            text-align: center;\n            font-size: 14px;\n            font-family: \"Lucida Grande\",Helvetica,Arial,Verdana,sans-serif;\n        }\n\n        #bigcalendar {\n            width: 900px;\n            margin: 0 auto;\n        }\n\n    \n\n\n\n\n\n    \n\n    open\n    close\n\n    \n\n\n\n<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>gizmo16 you must using javascript to set display none fullcalendar something like this: document.getElementById(&#8220;test&#8221;).style.display=&#8221;none&#8221;; then it looks like this: $(document).ready(function() { $(&#8216;#bigCalendar&#8217;).fullCalendar({ header: { left: &#8216;prev,next today&#8217;, center: &#8216;title&#8217;, right: &#8216;month,agendaWeek,agendaDay&#8217; }, editable: false, events: [{&#8220;id&#8221;:111,&#8221;title&#8221;:&#8221;Event1&#8243;,&#8221;start&#8221;:&#8221;2012-11-10&#8243;,&#8221;url&#8221;:&#8221;http:\\\/\\\/yahoo.com\\\/&#8221;},{&#8220;id&#8221;:222,&#8221;title&#8221;:&#8221;Event2&#8243;,&#8221;start&#8221;:&#8221;2012-11-20&#8243;,&#8221;end&#8221;:&#8221;2012-11-22&#8243;,&#8221;url&#8221;:&#8221;http:\\\/\\\/yahoo.com\\\/&#8221;}] }); document.getElementById(&#8220;test&#8221;).style.display=&#8221;none&#8221;; }); function closeEventDetails(){ $(&#8220;#test&#8221;).hide(&#8220;fast&#8221;); } function showBigCalendar(){ $(&#8220;#test&#8221;).show(&#8220;fast&#8221;); \/\/ $(&#8216;#bigCalendar&#8217;).fullCalendar( &#8216;render&#8217; ) } $(document).ready(function() { }); body [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-7799","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/posts\/7799","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/comments?post=7799"}],"version-history":[{"count":0,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/posts\/7799\/revisions"}],"wp:attachment":[{"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/media?parent=7799"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/categories?post=7799"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/unknownerror.org\/index.php\/wp-json\/wp\/v2\/tags?post=7799"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}