html - FullCalendar が複数回表示される

Question

アプリケーションに複数のページがあります。jquery mobile fullCalendar.js フレームワークを使用してカレンダーを作成します。今私の問題は、アプリケーションページの戻るボタンをクリックしてカレンダーページに戻ると、カレンダーが繰り返されることです。

Answer 1

DOM Ready でfullCalendar関数を呼び出していると仮定すると、呼び出し後、基本的な html 構造は次のようになります。

<div id="myCalendar" class="fc">
    <table style="width:100%; margin-bottom:20px" class="fc-header">
    </table>
    <div class="fc-content">
    </div>
</div>

次に、簡単にできることは、fullCalendar呼び出しの前に、次のような述語を導入することです。

if ($('.fc').find('.fc-content').length <= 0)
   console.log('call .fullCalendar()');
else
   console.log('dont do anything');

うまくいけば、これはあなたのために働くでしょう。