質問編集履歴

1 onclickのターゲットをtop→".to_top"に変更

harapara

harapara score 26

2019/03/08 13:16  投稿

グローバルオブジェクトが呼び出せない(ウィンドウオブジェクト内で)
ウェブ制作で以下作りました
「トップまであがるボタン(.to_top)が200スクロールで表示される」
```
var top = $(".to_top");
//スクロール200でボタン表示
$(window).scroll(function(){
 var scroll = $(window).scrollTop();
 var windowHeight = $(window).height();
 if(scroll > 200){
   top.fadeIn(500);
 }else {
   top.fadeOut(500);
 }
 ...
 
});
//クリックでトップまでスクロール
$(document).on("click",top,function(){
$(document).on("click",".to_top",function(){
 $("html").animate({scrollTop:0},300);
});
```
このままだと「top.fadeIn is not a function(fadeOutも同様)」とエラーでます
var top = $(".to_top");をwindowオブジェクト内にいれると上手くいきます
二個目のイベントonも動いたので調べるとwindowオブジェクト内はグローバルオブジェクト扱いされると  
それで解決なのですが、今後のために解決しておきたいです
最初のコードも定義を外に出していてグローバルのはずなのに、scroll内で呼び出せないのは何ででしょうか
windowオブジェクトが関係してるとかですかね、、
windowオブジェクトが関係してるとかですかね、、
  • HTML

    24527 questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

  • jQuery

    13446 questions

    jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

  • ウェブブラウザ

    15 questions

    ウェブブラウザ(インターネットブラウザ)とは、www上に公開されている情報リソースをユーザーに視覚的提供・操作させる機能を持ったソフトウェアプログラムです。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る