- ベストアンサー
coffeescriptの@って何でしたっけ？
jsとか、coffeescriptとか、jQueryとか、初心者です。 コードの修正をしていて、coffeescriptの@が気になりました。 検索してみたのですが（やり方が悪いようで）なかなか答えに行き当たらず。。 初歩的な質問で大変恐縮ですが、ご存知の方がいらっしゃいましたら、ご回答、参考URLをお願いいたします。m(_ _;)m
- kokukoku10
- お礼率66% (2/3)
- オープンソース開発
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
コンパイル後は this になります。 @hoge は this.hoge と変換されます。 このあたりが参考になるんじゃないでしょうか。 http://memo.sappari.org/coffeescript/coffeescript-langref
関連するQ&A
- jquery-1.3.2⇒○ 1.6.4.⇒エラー
初心者ですすいません。 美しいエフェクトのデモがあったので、実装してみるも、エラーが止まらず。 （コードは基本的にコピペしました） jquery-1.6.4.min.jsをｊquery-1.3.2.min.jsに直したら止まりました。 （デモ解説では、ｊquery-1.3.2.min.jsになっていたので・・・・） 質問 なるべく新しいjquery-1.6.4.min.jsを使用してきたいのですが、ｊquery-1.3.2.min.js用に制作されたコードを使っていくにはどうしたらいいでしょうか？（いちいち、1.6.4と1.3.2の両方を<head>～</head>間に記載しなければいけないでしょうか？）
- ベストアンサー
- AJAX
- jQuery利用コードのjs部分のデバッグ
こちらのページを参考にデバッグをしたいのですがうまくいきません ▽Chromeでjavascriptデバッグ！まず半歩♪ http://www.slideshare.net/yuka2py/chromejavascript ■コード ・jQuery利用 ■困っていること ・「ブレークポイントを設定」して、「ステップオーバー」しているのですが、延々「ローカルに保存したjquery.js」の中を移動していくだけで、そこから抜け出すことができません ※jQuery利用コードのjs部分のデバッグをしたいのであって、jQueryのコード本体をデバッグしたいわけではありません ■知りたいこと ・「jQueryのコード本体(ローカルに保存したjquery.js)」を飛ばして、「ステップオーバー」していくにはどうすれば良いでしょうか？
- ベストアンサー
- JavaScript
- jqueryのプラグインについて
現在、webサイトにjquery.lazyload.jsを導入しようとしていますが、 firefoxでブラウザサイズが小さいと、左右にガタガタ動いて、ブラウザが 止まってしまいます。 どなたかjquery.lazyload.jsについて解決方法を教えてください。 宜しくお願いいたします。 参考url http://www.skuare.net/test/jLazyLoad.html
- 締切済み
- AJAX
- DreamWeaverでJS
Webデザイン初心者です。 jQuery初チャレンジということで、DWにてJSファイルを作って、JSのコードを入力したところ結果がHTMLの画面に反映されませんでした汗 "jQuery練習"を赤文字にするだけというロジックのかけらもほとんどないようなコードなんですが、sublimeでは結果は出ました。ですがDWでは駄目でした。 『HTMLのファイル』 <!DOCTYPE html> <html lang= "ja"> <head> <meta charset="utf-8"> <title>jQueryの練習</title> <script type="javascript" src="JS練習.js"></script> </head> <body> <p>jQueryの練習</p> <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script> </body> </html> 『JSファイル』 $(function(){ $('p').css('color' , 'red'); }); 何が足りないのでしょうか。ググってもピンポイントででませんでした。すみませんがわざわざお時間を割いていただけるかた、お助けお願いいたします。 どなたか教えてください。よろしくお願いいたします。
- ベストアンサー
- JavaScript
- これはどういう意味のコードですか？
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" charset="shift_jis"></script> これはどういう意味のコードですか？ 私のサイトに入ってるコードですが意味が分からないまま使っています。 サイト内でjqueryで検索機能はつけていますが ネットから拾ってきたものを組み合わせたものであり、 意味は分かっていません。 src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" の意味だけ教えていただけませんか？ jqueryを使う上での宣言みたいなものでしょうか？
- ベストアンサー
- JavaScript
- jqueryが動作しない
jqueryが動作しません。 私が行った手順を書きます。jqueryのサイトからdownloadをします。英文だったのでDreamweaverで開いて名前を付けて別名で保存しました。jquery-1.8.0.js拡張子で保存。 ソースコードをかいてみました。 <html> <head> <script src="jquery-1.8.1.min.js"></script> // urlを指定した場合です。 <script src="http]//jquery-1.8.1.min .js"></script> </head> <body> <h1>Jquery</h1> <script> $(function(){ $('h1').css('color'.'red'); }); </script> </body> </html> これを保存します。（拡張子は.navi.html) 実行しても動作しません。どうしてでしょうか？
- ベストアンサー
- その他（プログラミング・開発）
- jQuery.jsを使ったhtml外部読み込み方法
JavaScript超初心者です。 何卒ご協力の程よろしくお願い致します！！ タイトルの通り、jQuery.jsを使ってページのある部分に外部htmlファイルを読み込みたいと考えています。 以下のページを参考にやってみましたが上手くいきません。 http://blog.sugulab.com/?p=14 やってみたのは下記のような作業です。 まず、下記サイトより「jquery-1.9.1.min.js」ファイルをダウンロードし、「js」というフォルダに「jquery.js」として保存しました。 http://jquery.com/download/ 次に参照ページにならってhead要素内に下記のように記述しました。 <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript"> <!– $(function(){ $("#leftcontent").load("shopmenu.html"); }); // –> </script> body要素内には<div id="leftcontent"></div>と記述しています。 このleftcontentの部分に、同じ階層にある「shopmenu.html」を表示させたいのですが、何も表示されず困っています。 PHP等の知識は一切ない為、これでいけそうなら頑張りたいのですが・・・ ド素人の為、見当違いのご質問でしたらご容赦ください。 どなたかご教示、アドバイスの程よろしくお願い申し上げます！！m(*u_u*)m
- ベストアンサー
- JavaScript
- jqueryのバージョン違いの解決方法は？
どうしてもわからないので、ご教授お願いいたします。 http://baby.caregoods.org/のサイトでjquery.treeview.js（http://bassistance.de/jquery-plugins/jquery-plugin-treeview/）のツリーメニューを使っています。 同梱されていたjquery1.4.3を使っていました。 ところが、このサイトの管理画面で画像のドラッグ＆ドロップで入れ替えるという機能が使えなくなり、元のjquery1.6.2に戻したところjquery.treeview.jsのメニューが使えなくなってしまいました。(いろいろなpluginが入っているようです。) 複数のjqueryが使えないのはここで調べてわかったのですが、http://stacktrace.jp/jquery/with_other_lib.htmlのサイトを参考にして ----------------- // $ 関数および jQuery関数の上書きを元に戻します。 var $j = jQuery.noConflict(true); // $ は jQuery ver1.4.3を参照します。 alert($.fn.jquery); // => 1.4.3 // jQuery は jQuery ver1.4.3を参照します。 alert(jQuery.fn.jquery); // => 1.4.3 // $j は jQuery ver1.6.2を参照します。 alert($j.fn.jquery); // => 1.6.2 ---------------------------- と書いたjsファイルを読み込むのですが、1.6.2しか反映されず、1.4.3で使っているjquery.treeview.jsが使えません。 このjsファイルの前に、jquery-1.4.3.jsとjquery-1.6.2.jsは呼び出してあります。 firefoxで閲覧すると「1.6.2」「1.6.2 このページによる追加のダイアログ表示を抑止する」「1.4.3 このページによる追加のダイアログ表示を抑止する」と書いたポップアップが３度ほど出るようになりました。 こういう状況なのですがどうにか一緒に使える方法はないでしょうか？ javascriptは初心者なので説明があまり上手くないので申し訳ありません。 うまく伝わるかわかりませんが、よろしくお願いいたします。
- 締切済み
- JavaScript
- prototype.jsとjquery.jsの併用がうまくいきません。
prototype.jsとjquery.jsの併用がうまくいきません。 2つの機能をページに組み込みたいと思っています。 (1)横並びの画像が自動的にスクロールする (2)画像をクリックすると、ライトボックスで表示する 参考にしたのは下記のサイトです。 http://logicbox.net/jquery/simplyscroll/ http://www.lokeshdhakar.com/projects/lightbox2/ しかし、実際にページを作ってみるとどちらかの機能しか有効になりません。 どちらもいくつかのjsファイルを<script>タグで読み込みますが、 後から読み込んだ方しか有効に機能しないのです。 スクロールの方はjquery.jsを、ライトボックスの方はprototype.jsを使っているのですが、 それが良くないのでしょうか。 両方を機能させるにはどう直したらいいのか、ご教授下さい。 もしくは、両方がうまく機能しているサイトがあれば、URLを教えて下さい。 よろしくお願いします。
- ベストアンサー
- JavaScript
- javascript 動作がうまくいかない
javascriptは、ほぼわかりません。 参考url http://histerian.net/pallax/ パララックス サイトを構築しておりました。 メニューを押してスクロール移動すると、上部のmenuがアクティブ状態になります。 しかし、下にスクロールしてからメニューを押して、上に移動すると、menuが2つ、アクティブ状態になってしまいます。 ただ、1px上にずらすだけで低いコンテンツのメニューのアクティブが消え、本来のコンテンツのmenuがアクティブになります。 下へスクロールしてから、メニューを押して上に戻ったときに、該当のmenuのみ、アクティブ状態になるようにしたいです。 使用している元は cool-kitten というサンプルです。 url https://www.jqueryscript.net/demo/jQuery-Responsive-Parallax-Scroll... 使用しているjQueryは以下になります。 jquery.easing.1.3.js jquery.stellar.min.js waypoints.min.js 動作を制御しているjavascriptファイルは以下になります。 scripts.js どなたかご教示していただけないでしょうか よろしくお願い致します
- ベストアンサー
- JavaScript
