$ is not defined - ３割の働きアリ
$ is not defined こいつのせいで小一時間はまってしまいました。 結論から言うとscriptタグの内容を誤タイプしてしまったせいで、 jQuery本体を正しく読み込んでなかったせいです。 個人的に間違えやすそうなところは 1.type属性 type="javascript"としてしまったため、動きませんでした。 ただしくは、type="text/javascript" 2.src属性 ちゃんとjQuery本体までのパスを確認しましょうね。 3.最初にjQuery本体を読み込む 外部ファイルにjQueryを書いている場合に起こります。 検索してたら他にもprototype.jsと一緒にjQueryを使っていると、 $ is not definedが出てしまうケースがあるそうです。 くだらないことで時間を無駄にしないようにしましょう。
jQuery $.ajaxでJSON・JSONP読み込みに使用する主なオプション
はじめに 簡単にJSONまたはJSONPを読み込みたい場合は以前の記事を参照。 1分でわかるjQuery $.ajaxによるJSON・JSONP読み込み方法 type 主にGETかPOSTを指定。受け取るときはGET、送信するときはPOST。 url 読み込み先または送信先のURLを指定。例えばJSONを読み込みたいときは以下のようになる。 $.ajax({ type: 'GET', url: 'https://iwb.jp/s/js/data.json' }); $.ajaxのurlオプションを使用したサンプル cache キャッシュの有無をtrueかfalseで指定。注意しなければいけないのはJSONの場合はデフォルトでcache:true、JSONPの場合はcache:falseとなっている点だ。つまりJSONをキャッシュをしたくない場合はcache:falseを指定しなければならな
ページ読み込み時に実行するjavascriptについてのTips | Tips Note
ページ読み込み時に実行するjavascriptは 指定方法がいくつも存在するため、 複雑になりやすく、度々エラーの原因になります。 【指定方法の種類】 ■onloadイベント ページ読み込み時に実行したい処理がある場合、 通常はjavascriptのonloadイベントを使用します。 BODY要素にonload属性を追加したり、 下記のようなjavascriptの指定を追加する方法がよく見られます。 window.onload = function(){ // ページ読み込み時に実行したい処理 } ■jQueryのreadyメソッド ライブラリとしてjQueryを使用している場合は、 readyメソッドを使用して、ページ読み込み時にjavascriptを実行することができます。 $(document).ready( function(){ // ページ読み込み時に実行したい処理 }); 【
SURGAVIP : Link Slot Gacor PG Soft Maxwin Slot Online
SURGAVIP # Link Slot Pragmatic Gacor Malam Ini Modal Kecil Janji Maxwin Sekarang ! Selamat datang di SURGAVIP situs slot terpercaya dari server PG Soft ternama, banyak jenis permainan slot gacor dan mudah menang maxwin disini bersama surgavip. main dengan modal receh pulang dengan uang berlimpah. SURGAVIP dikenal sebagai situs terpercaya dengan koleksi lengkap game dari pg oft, provider yang udah
俺のJSライブラリの世界観(2014末版) - Qiita
概論 ここ近年のモダンJSは特に理由がなければcommon.jsのrequireスタイルで記述され、webpack/browserifyでビルド/読み込むことを前提にしてよい。今やビュー層を除いてブラウザとnodeのライブラリの境界は非常に曖昧である。 識者諸君においては常にどちらの環境でも読み込めるようなライブラリを提供するように心がけることを切に願う。 今日はライブラリの名前しか出さないんで各自ググるように。 立場 サーバサイド~ゲームプログラミング出身node寄りフロントエンドエンジニア このサイトのスタッフだけど他のことに手一杯でQiitaのフロントはまだそんなにいじってない すまんな 他ってなんだろうな 言語 CoffeeScript TypeScript 最近DDDっぽい構成を目指しているのだけど、コアドメインをTypeScriptで書いて、それをUI層からCoffeeScri
JQuery | 要素の存在を確認する
JQueryで特定の要素が存在しているか確認するには、size関数を使用するといいみたいです。 他にも「$(‘#target’) != null」などでも確認できるみたいです。 <div id="target"></div> 以下、参考にさせていただきました。 http://suin.asia/2008/10/31/jquery-if-an-element-exists.html http://pineray.cocolog-nifty.com/diary/2008/08/jquery_2e24.html http://blog.livedoor.jp/liucheng/archives/51475353.html
Tampermonkeyの使い方 | プログラミング
GreasemonkeyはFirefoxの拡張機能のひとつで、ブラウザ側に設定されたJavaScriptコード（ユーザースクリプト）でWebページに変更を加えることができる。この機能は、シンメトリック製品・GeneCodeに幾分か似ている面がある。ユーザースクリプト開発とサーバーサイドJavaScript開発は類似の発想なのである。どちらも、ブラウザがHTML文書を表示する前に文書のオリジナルDOMツリーを操作する手段となる。 Tampermonkeyは、Greasemonkeyとほぼ互換のChrome拡張機能である。以下で、実際の説明はChrome上のTampermonkeyに関して行う。 関連記事：JSONにpathでアクセスするには？ 関連記事：Helmaのインストール 関連記事：変数のスコープ 関連記事：Google Apps Script で社内システムを作ってみた（1） 関連記
第2回 controls.js（前編）Autocompleter | gihyo.jp
今回と次回は、script.aculo.usの中でも斬新なGUI部品のライブラリが詰まっているcontrols.jsを解説します。 controls.jsには、Autocompleter（入力補完機能）と、次回解説予定のInPlaceEditor（その場で編集機能）が入っていますが、それぞれに依存関係はありませんので、回ごとに別々にお読みいただけます。 入力補完機能を加えるAutocompleter 今回は、ブラウザの入力エリアに入力補完（オートコンプリート）機能をつける、Autocompleterというライブラリのコードについて解説します。ブラウザが持っている入力補完機能は貧弱で、ユーザが過去に入力したものしか補完してくれません。検索窓については、Googleサジェストが、膨大な検索インデックスから検索頻度や人気度をもとにユーザの入力を予想し補完してくれるおかげで、ずいぶん便利になりまし
今さら聞けないjQuery.Deferred入門 - Qiita
はじめに 何となくDeferredを知っているがちゃんと使ったことのない人向けの記事です。 本文中の p はPromiseオブジェクトを指します。（追記：Deferredオブジェクトを使うこともありますが、普通はPromiseに対して .then() や .done() をぶら下げます。） いきなり具体例 1 が出力された1秒後に 2 と done! が同時に出力される。 function test_deferred() { var p = new $.Deferred().resolve().promise(); p = p .then(function() { var d = new $.Deferred(); setTimeout(function() { console.log(1); d.resolve(); }, 1000); return d.promise(); }); p
そのコード、本当にjQueryが必要ですか？ネイティブ関数の代替Tips集 | ゆっくりと…
sitepoint から「本当にjQueryが必要ですか？」とタイトルのついた3本の記事を紹介します。 Do You Really Need jQuery? Native JavaScript Equivalents of jQuery Methods: the DOM and Forms Native JavaScript Equivalents of jQuery Methods: Events, Ajax and Utilities 言うまでもなく著者の Craig Buckler さん の趣旨は、「jQueryを使うのは止めよう」ではありません。ネイティブ関数で代替えできるのは、古い IE のサポートが必要なく、ごく簡単なケースに限られます。その代わりに得るものは「速さ」です。そこで、どの程度「速い」のかを所々 jsperf の結果で補ってみたいと思います。 また JavaScri
ssig33.com - ファイルダウンロード自動化を含むスクレイピング
なんのこっちゃという感じですが、具体的にやりたいことは以下の通り Amazon の コンテンツと端末の管理 から購入した Kindle 書籍を自動ダウンロード 何故こんなことをしたいかというと、 Kindle 本は DRM をクラックする確実な手段があります。 DRM をクラックすることは違法ですが、 Amazon という企業が消滅した時に、購入した本が読めなくなるのは困ります。 Amazon が消滅するときは世紀末のような社会でしょうから、 DRM のクラック程度の犯罪が問題になることは無いでしょう。 AZW3 をローカルに保存しておけば、その時がくれば DRM をクラックすればいいということになります。 以上の考えは半分本気、半分はまあスクレイピングしづらそうなものがあればやってみたい、というだけです。 JavaScript を含まないページのスクレイピングはどうとでもなります。 Ja
テキストエリアを入力内容に応じて自動でリサイズするjQueryプラグイン「autoResize」
twitter facebook hatena google pocket フォームに設置するテキストエリアはある程度大きくしておきたいところですが、スペースをとるのは避けたい。 そんなあなたに朗報です。 jQueryプラグインのautoResizeで入力内容に応じてリサイズ可能になります。 sponsors 使用方法 autoResizeからautoresize.jquery.jsをjQueryからjquery.jsをダウロードします。 <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="autoresize.jquery.js"></script> <script> $(function(){ $('#id名').autoResize({ o
Home - Top End Devs
Has Your Career Stalled Out Level Up Dailiy Start Free Trial -> Learn More
AngularJS 嫌いな人が多い昨今について - tokuhirom's blog
最近 AngularJS 嫌いという言説が多いですが､そういうことを仰る方々は主に先鋭的な JSer のように思います｡ ただ､僕なんかの場合には､ユーザー向けの画面の構築などには AngularJS を使って書くことは最近はほとんどなく､JS を書くといえばもっぱら管理画面です｡ 管理画面の JS を書くにあたっては AngularJS way にのっかってやると非常に楽ですよね｡管理画面を書いたりする上では vue-js とかで頑張って書くと見通しが悪くなったりしますし､こった動きなどは必要ないというところで angular.js ワリといいなと思っています｡ もっといいものがあれば移りたいですが､コストをかけずに作りやすい管理画面を作るという意味ではやはり AngularJS にまだメリットがあるなあ､と思っています｡ 2.0 が出た時にこまるというのもありますが､実際は angul
「なぜAngularJSを薦めるのか ー 個人的な思い」を読んで 〜 SIerで働いている君へ僕の思いを届けるよ 〜 - albatrosary's blog
小川充氏とはhtml5jエンタープライズ部で久しくして頂き「エンタープライズとHTML5」というテーマで色々と議論させて頂いております。大変尊敬できる方であり自分が backbone.js を触ったのも同氏のブログを読んだのがきっかけの一つでもありました。最近ではエンタープライズにおけるAngularJSというテーマで勉強会などさせて頂いています。 今回のエントリーは同氏のブログ「なぜAngularJSを薦めるのか ー 個人的な思い」を読んで自分なりのエンタープライズ像を書こうかと思った次第です。書いているうちに「中二病」のような書き方になりましたが気軽ブログ的に記載します。尚「エンタープライズ限定」ですのでよろしくお願いします。 なぜAngularJSを薦めるのか ー 個人的な思い - I am mitsuruog AngularJSはエンタープライズ向きか 「AngularJSはエンタ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
cjs を javascript から使う方法 - 夜の Discovery
GitHub - rails/prototype_legacy_helper: WARNING: this repo is not maintained anymore, if you want to maintain it, please send an mail to rails-core
Kawasaki.rbでReactについて発表してきた
ペパボのフロントエンドスタンダード に関する記事一覧 - ペパボテックブログ
https://github.com/site/mobile_preference