QA@IT

Parse.com でのログイン/ログアウト時のjQueryの動き

2962 PV

現在、Parse.com のホスティングを利用して、ユーザーアカウントでの
ログイン/ログアウトができるページを作成しております。
以下が現時点でのページとコードです。

ページ:http://stocker.parseapp.com/
コード:http://codepen.io/c2104/pen/yyjZaP

問題は、ログインおよびログアウト直後、
一部のjsファイルでの動きができなくなってしまいます。

ページの動きとしては、カーソルを右上の『サインアップ』まで持って行くと、
jQuery(header.js)にてopacityとcursorを変更、クリックするごとにToggleが発生し、
フォームが見え隠れします。

中央のフォームにてログインができます。
ユーザー名:user
パスワード:user

ログインをすると画面がかわり、先ほどの『サインアップ』の部分が、
『ログアウト』へ切り替わります。

ここからが本題なのですが、本来『ログアウト』部分には、header.jsのhoverで、
opacityとcursor変更を定義しているのですが、動きません。
が、F5などで更新をすると、動くようになります。
しかし、クリックをするとログアウトされるので、
stock.jsは動いているものと思われます。

これはログアウト後も同じで、ログアウト後の『サインアップ』部分で、
header.jsのhoverが効いていません。
が、F5などで更新をすると、動くようになります。

これの理由がわからず、行き詰っています。
Parse.comやJS、jQueryは最近始めたところで、
内包されているstock.jsunderscore.jsは、
ほぼ用意されていたテンプレートのままです。

不足している情報などあれば、仰っていただければ追記いたします。
ご教授賜われれば幸いです。
宜しくお願いいたします。

  • 自己解決いたしました。

    解決といっても 力技で正攻法ではないかと思いますが、
    ログイン/ログアウトでの表示切替時に、

     document.location.reload(true);

    でページごと読み込み直すことで、
    jsファイルを再度頭から読み込むようにしました。

    もし正攻法があるようでしたら嬉しいので、
    引き続き回答をいただければ幸いです。
    -
ウォッチ

この質問への回答やコメントをメールでお知らせします。