Question

我认为没有任何理由让我无法使用fullcalendar来工作。我用以下代码尝试了一个非常基本的fullcalendar。

的index.php ：

<link rel='stylesheet' href='components/fullcalendar/fullcalendar.css' />
<script src='components/fullcalendar/lib/moment.min.js'></script>
<script src='components/fullcalendar/fullcalendar.js'></script>
<script src='components/fullcalendar/lang/de.js'></script>
<script type='text/javascript' src='components/fullcalendar/gcal.js'></script>
<script src="javascript/jquery.js" type="text/javascript"></script>

<script type="text/javascript">
$(document).ready(function() {
    // page is now ready, initialize the calendar...
    $('#calendar').fullCalendar({
    lang: 'de',
    events: 'https://www.google.com/calendar/feeds/e_2_de%23weeknum%40group.v.calendar.google.com/public/basic',
    });
 });
</script>

我检查了所有这些文件确实存在！在index.php中，<div>通过<div id="calendar"></div>填充了.load。 .load操作正常，但<div id="calendar">始终为空！

我分别尝试使用相同的文件，并且工作正常。如果你想看一下，我会非常感谢你的帮助：

网址：http://bit.ly/1rLA4UY
要查看问题，请转到 Termine =＆gt; ALLE TERMINE

显示的div填充了<div id="calendar"></div>，但保持为空而不是显示fullcalendar / calendar。

Answer 1

由于#calendar在页面加载时尚不存在，因此您的脚本无法找到它。

您必须在使用.load()加载div后运行此脚本，而不是在文档准备就绪时运行

加载div后加载日历

$(document).ready(function () {

    // Innerhalb der Liste href auslesen und durch # ersetzen, title-Attribut mit dem Wert des href schreiben
    $("div.list-wrap a").each(function () {

        var url = $(this).attr("href");
        $(this).attr("title", url).attr("href", "#");

    });

    // per Click entsprechende URL in das DIV laden, aber nur das DIV #seiteninhalt
    $("div.list-wrap a").click(function () {
        var quelle = $(this).attr("title");
        $("#content_small").load(quelle, function () { // after done loading do below
            if (quelle.indexOf('cal.html') > -1) { // check if clicked on cal.html
                $('#calendar').fullCalendar({ // if clicked on cal.html load the plugin
                    lang: 'de',
                    events: 'https://www.google.com/calendar/feeds/e_2_de%23weeknum%40group.v.calendar.google.com/public/basic'
                })
            }
            $("#content_small").fadeIn(500);
        });
    });

});

加载.load（）后Div保持为空

1 个答案: