質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

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

Q&A

解決済

3回答

2141閲覧

javascriptのライブラリ(umbrella)の読み込みかたについて

ginowan589

総合スコア14

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

jQuery

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

0グッド

0クリップ

投稿2017/06/16 05:46

javascriptのライブラリ(umbrella)の読み込みについて
javascripytの(umbrella)を呼び込もうとしましたが、呼び込みません。
jqueryを呼び出すやり方はできましたがumbrellaの方はできませんでした。
コードを打ってリロードしても反応もエラーもでず何がいけないかもわかりません
どなたか、お力添えいただければと思います。
よろしくお願いします。

https://umbrellajs.com/

やってみたこと

html

//省略 <body> <p id="test"><a href="javascript:;">idセレクタで指定をしています。ココをクリックすると文字が変更されます</a></p> <script type="text/javascript" src="https://cdn.jsdelivr.net/umbrella/2.6.7/umbrella.min.js"></script> <script type="text/javascript" src="js/test.js"></script> </body> //省略

test.js

u(function(){ u('#test').click(function () { u(this).text("クリックされました"); }); });

さらにダウンロードした”umbrella.min.js”をフォルダの中に格納しましたがなんも反応しませんでした。なんのやり方が間違っているのか特定できませんでした。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答3

0

ベストアンサー

x_xさんも仰られている通りドキュメントを一度読まれてはどうでしょうか?

u(function(){ });

まずこの部分ですがこれはjqueryのdocument readyを意識されているのだと思いますがumbrellajsでは同じようには機能しません。

u('#test').click(function () { u(this).text("クリックされました"); });

次にこちらもjqueryを意識しての記述だと思いますがumbrellajsではonを使ってイベントを定義するようです(これはjqueryでも同じように書けますが)。
https://umbrellajs.com/documentation#on

u('#test').on('click',function(){ u(this).text("クリックされました"); });

umbrellajsではこのような実装になるかと思います。

投稿2017/06/16 06:47

srmtyj

総合スコア51

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

ginowan589

2017/06/16 07:05

ご回答ありがとうございます。 何を言ってるか少しほどですが理解できました。 少し前、javascriptやってたとき、イベント処理でonclickとclickの使い方が機能するのとしないのでつまずいたのがありましたがまだ、確実に理解しきれていないのでDOMに関して復習しようと思います。 ありがとうございました。
guest

0

ドキュメントは読みましたか?
jQueryを意識しているようですが互換ではないので、用意されていないものは使えません。
https://umbrellajs.com/documentation

投稿2017/06/16 06:30

x_x

総合スコア13749

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

ginowan589

2017/06/16 06:53

ご回答ありがとうございます。 一番下の『u('li', context)』これだけエラーがでました。 Uncaught ReferenceError: context is not defined 「context」というオブジェクトは定義されていない ほかは何もでませんでした。
x_x

2017/06/16 07:03

そこは、jQueryと同じですね。ただ、jQueryのように第1パラメーターに関数をとることはできません。 https://api.jquery.com/jQuery/#jQuery3 なので、提示されたコードのu('#test')~は実行されないことになります。
ginowan589

2017/06/16 07:06

みなさん、回答ありがとうございます。解決しました。
guest

0

たぶん「a」タグにイベントを食い取られてるんじゃないですかね。

html

1<p id="test">idセレクタで指定をしています。ココをクリックすると文字が変更されます</p>

このようにしてみてはどうでしょう?

投稿2017/06/16 06:04

tkturbo

総合スコア5572

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

ginowan589

2017/06/16 06:12

ご回答ありがとうございます。 試して見ましたが、何も反応しませんでした...
tkturbo

2017/06/16 06:14

ブラウザの開発者ツールなどで実行時にエラーが出ていないか確認しましたか?
ginowan589

2017/06/16 06:30

検証で確認したところ何もエラーがでていないです。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問