問題タブ [codepen]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
86 参照

javascript - TypeError: EnterPage は OnsenUI 2 React ナビゲーターで定義されていません

以下のようなSideMenuOnsenUIを使用して単純なコンポーネントを作成しようとしています。Splitter

そして、以下のように使用します。

残念ながら、SideMenu からページを変更すると、以下のエラーが返されます。

TypeError: enterPage is undefined

そのためのオンライン CodePen も作成します。ここで確認できます。

https://codepen.io/anon/pen/ObRzLB?editors=0011

問題がどこにあるかを再確認しましたか?

0 投票する
2 に答える
411 参照

jquery - Transform:scale および :nth-child() セレクターが機能しない

HTML5/CSS/jQueryを勉強中です。CSSベースのアニメーションでシンプルな記事のサムネイルを作りたいと思っていました。私は CodePen を使用して、これらの小さなことを簡単に共有しています。残念ながら、いくつかの問題が見つかりました。解決方法がわかりません。

1. スケール変換 私の最初の問題は、クラス .singleArticle に追加されたスケール変換が機能しないことです。おそらく他のクラスと競合しているためだと思いますが、見つかりません。

2. FontAwsome 2 つ 目の問題は、:nth-child() セレクターです。それが実際にどのように機能するかを知りたいです(そのため、ここで使用しています)。私はすでに多くのことを試しましたが、バグがどこにあるかを見つけることができません。

3. Firefox ブラウザ Firefox では すべてのブロックが見えません。また、解決策が見つかりません。

どこで間違いを犯すのか教えてください。おそらく最も簡単な方法は、コード全体をここに配置するのはおそらく最善の考えではないため、codepen を調べることです。

0 投票する
1 に答える
952 参照

javascript - フォームの reset() 関数を使用して入力フィールドをリセットしようとしていますが、機能しません

ある種の投稿システムを作成しようとしていますが、ほとんどの場合機能しますが、投稿ボタンをクリックしても入力フィールドがリセットされません。私はさまざまな方法を試しましたが、どれもうまくいきませんでした.

HTML:

JavaScript:

0 投票する
1 に答える
277 参照

javascript - コードがローカルと codepen または plunker で同じように実行されない

jQueryターミナルを使用して、次のようなコードがあります。

このコードペン内 では、ブラウザウィンドウを水平方向にサイズ変更するまで、行は表示されません。setTimeout 0 にフラッシュを入れると機能します。

ローカル サーバーで同じコードを (setTimeout なしで) 実行すると、正常に動作します。また、コードをiframeに埋め込もうとしましたが、期待どおりに実行されました。また、コマンド show (show と入力して Enter キーを押す) を実行すると、実行されたコマンドとプロンプトが最後 (echo によって追加された行の後) に追加されますが、ウィンドウのサイズを変更すると、必要に応じて行の前に配置されます。

なぜこれが起こっているのか、誰にも手がかりがありますか?コードがローカルと codepen で異なる方法で実行されるのはなぜですか?

jquery.terminal-src.js ファイルにブレークポイントを設定しようとしましたが、フラッシュしても行が表示されない理由がわかりませんでした。コードをステップ実行すると、フラッシュが呼び出されたときに output_buffer 配列が空のように見えますが、ウィンドウのサイズを変更してサイズ変更メソッドを実行すると、どういうわけか行が表示されます。

0 投票する
1 に答える
547 参照

javascript - angular.js の例が codepen およびローカル環境で機能しない

上記のスニペットはhttp://www.w3schools.com/angular/tryit.asp?filename=try_ng_routingからコピーされたもので、そこで動作しますが、コピーして codepen http://codepen.io/anon/pen/oYMrwyに貼り付けると、動作していません。何か不足していますか?

0 投票する
1 に答える
93 参照

javascript - codepen での地理位置情報と getJSON に関する問題

codepen に問題があり、ユーザーの場所の天気を取得しようとしていますが、緯度と経度を取得できず、要求された URL から JSON を取得するための getJSON を取得できません。コードは次のとおりです。

https://codepen.io/martini-alessandro/pen/VmGqyo

0 投票する
1 に答える
82 参照

html - ラッパー内で何かを取得する方法 100% ブラウザ幅

これは私の問題です。

いくつかのコンテンツを含む Web サイトがあり、ヘッダーをブラウザーの 100% の幅にし、一部のコンテンツをラッパー内にラップして、ブラウザーの幅の約 50% にしたい。

次に、次のようなものが あります。img1 ただし、メニューも追加しています。これは UL で行われますが、メニューの内容はラッパーに含まれるため、メニューを追加することはできません (私はそう思います)。したがって、次のようになります。 img2

私は何を試しましたか? 要素のヘッダー/メニューにこの css を指定しました:

また、overflow-x:hidden; も追加しました。body 要素で x 方向にスクロールできないようにします。しかし、彼らの携帯電話では可能です。したがって、これによりすべてが「無反応」になります

HTML:

CSS:

コードペン: http://codepen.io/anon/pen/QdLpzM

0 投票する
1 に答える
36 参照

javascript - スクロールするjsに別のクラスを追加する

私はJavaScriptに非常に慣れていないため、これを自分で追加する方法がわかりません。

これは私が使用しているスクロール コードであり、ナビゲーション バーでうまく機能します。

しかし、私はちょうどこのボタンを追加しました

スクリプトがそのボタンでも同じように動作するようにするにはどうすればよいですか? http://codepen.io/sbxn14/pen/egmKRr <-- このサイトを含む私の codepen。

誰かが私を助けてくれることを願っています。

編集:
私はそれを追加しています。ページを手動でスクロールすると、ナビゲーション バーのアクティブなリンクが切り替わるようにすることはできますか? 私はこれについてグーグルで探してきましたが、何も見つけることができませんでした。

0 投票する
2 に答える
318 参照

javascript - 入力領域で Enter キーを押すたびに Javascript が再起動するのはなぜですか? コードペン付属

私は codepen.io の演習に取り組んでいますが、入力領域で Enter キーを押すたびにプログラムが再起動する理由がわかりませんが、それを避けるためにいくつかの ifs ステートメントを追加しました。

ここで同じコードをstackoverflowとJavascriptで試しましたが、それ自体は再起動しません。コードペンへのリンクを添付して、実際の問題を確認してください。

http://codepen.io/rafahuelin/pen/qRdWBy?editors=0010

原因は自分の知らないところにあると思います。よろしければ、これが発生する原因と、このプログラムの動作を管理する方法を教えてください。

ありがとう!