QA@IT
«質問へ戻る

質問を投稿

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

現在、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は、
ほぼ用意されていたテンプレートのままです。

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

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

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

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

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

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

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

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

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

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

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