[jquery] タグが付いた質問

jQueryとは、ジョン・レシグによって開発された、JavaScriptのライブラリである。エレメントの指定がCSSセレクタと同様の記述で選択ができる。「$」を「jQuery」のエイリアスとして定義されており、関数の呼び出しを容易にしている。また、関数をチェーンさせることで、より柔軟な操作が可能となっている。

644 件の質問
絞り込み
並べ替え
タグ付けされた
0
1 回答
8,538 閲覧数

jQuery ajax()における done と always の違い。GETで戻り値を受け取る場合、どちらが良いですか?

「done」は通信に成功した場合、「always」は処理が完了した場合とのことですが、GETで戻り値を受け取る場合、どちらが良いですか? ・処理完了を意味する「always」の方が良い? ・「done」の成功=完了ではないので、GETを受け取れない場合もある? 作成しているコード $.ajax({ type: "GET", url: "/?url="+url, ...
1
1 回答
1,498 閲覧数

JavaScript か jQuery で、onchangeのタイミングで呼び出される関数へ、任意の値を引数として渡したい

やりたいこと ・id属性"hoge"の値がonchangeしたタイミングで、userFunc関数を呼び出す ・その際、userFunc関数へ、任意の値を引数として渡す(下記例ではa) 疑似コード function userFunc(param) { console.log(param); //a } document.getElementById("hoge").onchange = ...
0
1 回答
124 閲覧数

指定要素内にある指定文字列で始まる<input type text>内の特定属性名を全て、JavaScript か jQueryを使用して配列へ格納したい

やりたいこと1 ・target id 内にある input type="text" で、nameがhoge_ で始まるものを全て、nameAry配列へ格納したい ・期待しているnameAry配列結果 ['hoge_1', 'hoge_2', 'hoge_3']; やりたいこと2 ・target id 内にある input type="text" で、idがpiyo_ で始まるものを全て、...
0
1 回答
775 閲覧数

webpackでjQueryをすべてのjsファイル内で使いたい

webpack+scss+jQuery環境を作ろうとしています。 webpack+scssまではできたのですが、jQuery環境がうまくいきません。 index.js内でもutility.js内でも $ が使えるようにしたいです。 webpackでjqueryを使用、しかし「$ is not defined」のエラー - teratail こちらを参考にして plugins: ...
0
1 回答
227 閲覧数

jQueryの処理後に追加したものをドロップしたい

実現したいこと 予定リストにある要素を日付へドラッグアンドドロップできるようにしようとしています。 ドラッグアンドドロップの部分はjQuery、動的要素の作成はjavascriptを使用して作成しています。 また、図にあるMy Event1から5までの要素はHTMLで事前に作成してあるものです。 困っていること 事前に作成してある要素(My Event1から5)...
7
3 回答
1万 閲覧数

li要素のマウスオーバー時に背景色を変えたい

li要素にマウスが乗った時に背景色をフェードさせて変更させたく以下のコードを作成しましたが、アニメーションと色の変更が反映されません。なぜでしょうか。 $(document).ready(function(){ $('li').hover(function(){ $(this).css("cursor", "pointer").stop().animate({...
0
1 回答
268 閲覧数

jqueryでスムーズスクロールを実装、idにピュニコード混じりの文字列を使うとエラーがでる

jqueryを使ったスムーズスクロールを実装しています。 以下のコードです。 $(function(){ $('a[href^="#"]').click(function () { var speed = 400; var href = $(this).attr("href"); var target = $(href == "#" || ...
0
1 回答
1,459 閲覧数

jQueryの処理後に追加したものをドラッグアンドドロップしたい

実現したいこと 予定リストにある要素を日付へドラッグアンドドロップできるようにしようとしています。 ドラッグアンドドロップの部分はjQuery、動的要素の作成はjavascriptを使用して作成しています。 また、図にあるMy Event1から5までの要素はHTMLで事前に作成してあるものです。 困っていること 事前に作成してある要素(My Event1から5)...
0
1 回答
767 閲覧数

flagによってhtmlを変えるボタンを2つ、スイッチのように動かす

box1とbox2のボタンはクリックすると中の文字が変わるようになっています。 htmlを変えるので、toggleclassではうまくいきません。 やりたいことは、 box1が開いているときにbox2を押すと、box1は閉じて、box2が開き、 box2が開いているときにbox1を押すと、box2は閉じて、box1が開くということなのですが、あと1歩(???)のところでうまくいきません ...
0
1 回答
305 閲覧数

changeイベントへのパラメタが意図しないデータを受け取っているエラー。

画面に支払日というコンボボックスがあり、その値はDB処理から取得した値で設定しています。設定後、初期値としてはサーバーサイド側で処理した値を表示するようにしています。 そして、...
3
3 回答
2,233 閲覧数

jQuery / JavaScriptで、ページスクロール時にアクションを起こしたい

ページをスクロールした時に、スクロールした距離に応じて、オブジェクトの移動や透過をさせたい。パララックス効果についても簡潔な例を知りたい。
0
1 回答
193 閲覧数

bootstrapのdropdownで選択した画像を別の要素に表示させる方法

以下のコードで”newImg_boat”タブに選択後の画像を載せたいのですが、うまくいかず困っています。 コメントアウトしているコードは、あれやこれや試した結果です。2日くらい悩んでいます。 よろしくお願いいたします。 $(function() { $('.dropdown-menu .dropdown-item').click(function() { var ...
0
1 回答
4,485 閲覧数

Uncaught TypeError: Cannot read property '0' of undefined, clientX を配列でセットできない。

addEventListner()でMousemoveの座標をモニターしたいのですが、evt.mx[i]でエラーがでます。 なぜ。イベントのプロパティに配列からセットできないのでしょうか?配列を使わないで、すべてを列記すれば可能なのですが、コードを短く書きたいのので。 それから、ちなみにjQueryではtext()を使うことで可能です。なぜjavaScriptではエラーになるのか理解できません。...
0
0 回答
1,013 閲覧数

JavaScriptで絞り込み。テーブル全体を絞り込み

JavaScript(jquery)での絞り込みにトライしており、ご教示いただけますでしょうか。 一番下のコードのようにリストタグでの絞り込みはできますが、以下のテーブル全体を表示したり、非表示はできないのでしょうか?(赤のセレクトボックスを選択する場合、一度のテーブル全体を表示したまま、かぼちゃ、キウイのtableは非表示とする。) <table border="1"> &...
0
1 回答
744 閲覧数

URL入力フォームに画像アドレス入力したらフォームの下に画像を表示

URL入力フォームに画像アドレス入力したらフォームの下に画像を表示する機能をHTMLとjQueryで実装したいのですが、ネットで調べても方法が分かりませんでした。 どなたか方法を教えていただけないでしょうか。 ネットで調べた結果、ローカルの画像ファイルをアップロードして表示する方法は見つけられましたが、外部の画像URLを入力する方法は見つけられませんでした。 ...
1
1 回答
183 閲覧数

半透明になったboxがドラッグできなくなる。

下の箱に入った時に半透明にしています。 すると、ドラッグができなくなります。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>jQuery UI</title> <...
1
1 回答
423 閲覧数

jqueryで要素別にカウントしたい

こんばんわ 要素をドロップするとカウントが増え、ドロップエリアから外すとカウントが減るという動作を要素別にしたいです。 ほんとはドロップするとクローンを作り、繰り返しドロップができるようにしたいです 。以下のようなかんじでやってみましたがうまくできませんので教えていただきたいです よろしくお願いします http://codepen.io/anon/pen/jPwrPR $(...
0
1 回答
1,047 閲覧数

jqueryでの1文字ずつのアニメーションについて

ジェイクエリーの1文字ずつのテキストアニメーションで複数行対応する方法で困っています splitで1文字ずつ配列にいれてforeachで配列をspanでくくりアニメーションさせているのですが brタグなども1文字ずつ格納されてしまうためbrタグは1文字で格納されないようにしたいのですが方法がわかりません 欲を言えばbrタグのみではなくhtmlタグは1文字で配列に格納されずにしたいです。 また、...
1
1 回答
2,301 閲覧数

jQueryで特定のクラスが付与されていたら、アニメーションを実行するには?

jQueryで、特定のクラス(以下.animate)が付与されていたら、その中の特定のクラス(.slideFirst)を探してアニメーションを実行させたいのですが、うまくいきません。 .animateのクラスは、最初から付与されているものではなく、スライドが一番前に来た時に、付与されるものです。以下、jsの一番最後に入れたのですが、動きません。 //上部省略 if (index === 0) {...
0
1 回答
778 閲覧数

ドロップされた要素を保存する

こんにちは、度々すみません 今、monacaを使いドラッグアンドドロップでドロップされた画像をボタンクリックでローカルストレージに保存し、次のページで表示させようとしています。 そこで、ボタンをクリックすると画像(パス)をストレージに保存させようとしていますが drop後のtrush内の値を保存させようと $(function() { $("#next").click(onnext); })...
1
1 回答
525 閲覧数

jqueryでの条件分岐について

ドラッグアンドドロップで要素ごと(今回の場合画像)のカウントをしたいです http://codepen.io/anon/pen/MwmMyY $(function() { // there's the gallery and the trash var $gallery = $("#gallery"), $trash = $("#trash"), ...
1
2 回答
462 閲覧数

monacaで変数が使えない場合

日時の計算をしようとしています。 codepenでは問題なくログに結果が表示されますが monacaで試すとnullになってしまいます 変数ではなくnew Date()に日時を直接指定してもだめでした。 原因がわかりませんのでよろしくお願い致します。 var gg = '2015-12-31 23:59';     var ff = '2015-12-31 23:56';        ...
2
1 回答
4,151 閲覧数

localStorage.setItemで複数の値を保存したい

こんにちは! ボタンクリックで要素内の値を複数取得し、localstorageに保存したいのですがうまくできません。 コードが長くなってしまうのでこちらにて失礼します http://codepen.io/anon/pen/xGEjLO $(function() { // there's the gallery and the trash var $gallery = $("#...
3
1 回答
618 閲覧数

monacaでフォームのダイアログを繰り返し出したい

monacaにて ボタンクリックでフォームのダイアログを出す ↓ 入力 ↓ 新しくボタンが出来る これを3回ほど繰り返したいと思っています。 http://codepen.io/anon/pen/KpNVNr $(function() { var dialogTable = $('#jquery-ui-dialog-table'); var nextIndex = 0; ...
0
1 回答
155 閲覧数

jQueryのメソッド拡張をRailsで使いたい

HTML5にある、hidden属性をjQueryで扱うためにこちらにある関数を使いたいのですが、jQueryのメソッド拡張がうまくいきませんでした。 https://jsfiddle.net/jhfrench/g8Sqy/ $('button').click(function() { $('#myElement').toggle(function() { ...
0
2 回答
2,830 閲覧数

クリックファンクションがうまくいきません。

class="link-block"のついたliつまりリストをクリックした時、.removeClass('active');でactiveというクラスを削除するようにしたかったのですが、 なぜかリストをクリックしても反応せずに削除されません。 id="maware"のliだけは、反応して削除されます。 CSSにとしてもだめでした。どうもclass="link-block"...
2
1 回答
2,188 閲覧数

canvasで描いた絵をlocalstorageに保存してデータを表示したい

canvasとlocalstorageを使ったwebアプリケーションを作っているのですが、 canvas内に描いたデータをlocalstorageに出力して、そのデータを画像で表示するところまで行いたいと思っています。 色々調べてみるとbase64を使って、描いた絵を文字列として認識するのは分かり、 localstorageには、png型で記載されているのですが、...
3
1 回答
5,710 閲覧数

Highchartsライブラリ / X軸件数が多い時、適当に間引いて表示したい

Highchartsライブラリ / X軸件数が多い時、(動的生成する)全体件数から判断して、適当に間引く(良い感じに表示する)方法はあるでしょうか?
1
1 回答
115 閲覧数

rangeの値に合わせてarcで図形を生成したい

<input type="range" name="range" id="range" data-input="input" value="0" max="70"> <canvas id="rangearea" width="80" height="80"></canvas> 上のrangeの数値に合わせて、...
1
3 回答
3,194 閲覧数

jQueryでクラスを置き換えるにはどうしたらよいでしょうか。

jQueryでクラスを置き換えるにはどうしたらよいでしょうか。 1秒後にclass="n1"がclass="n10"に変更 1秒後にclass="n2"がclass="n1"に変更 2秒後にclass="n3"がclass="n2"に変更 3秒後にclass="n4"がclass="n3"に変更 4秒後にclass="n5"がclass="n4"に変更 5秒後にclass="n6"がclass="...
2
4 回答
1,981 閲覧数

offsetメソッドの戻り値が整数とは限らないのは、以前からの仕様ですか?

jQueryのoffsetメソッドで位置情報を取得したら小数点で返ってきました。 これまでは整数が返ってきていた(と思っていた)ので驚きました。 jQuery バージョン ・1系 質問1 ・何か仕様上の変更があったのでしょうか? ・それとも以前から、位置情報は小数点で返ってくるものなのでしょうか? ・遭遇したケースが、たまたま整数戻り値だっただけ? ・...
3
2 回答
3,166 閲覧数

JavaScript(jQuery)でkeydown,keyup等のイベントで重い処理をするときsetTimeoutすべき?

以下のような処理があったとき、重い処理はsetTimeoutで処理すべきでしょうか? $(document).bind("keydown keyup",function(e){ if (e.type === "keydown"){ ... //重い処理 } if (e.type === "keyup"){ ... //別の処理 } }...
2
1 回答
1,998 閲覧数

css3 アニメーションで左にスライドして次の要素を見せるには?

css3 アニメーションで左にスライドして押し出すようにして、次の要素を見せたいのですが文字が重なってうまくいきません。 .slideFirstを左にスライド(left:0→left:-300px)すると、控えていた.slideSecond(left:300px→left:0)もスライドして見せたい。 外側の#wrapは width:300pxの為、....
3
4 回答
2万 閲覧数

JQueryのAjaxのJSONを取得したい

JQueryのAjaxでdone()を使用しています。その返り値から以下のようにJsonデータを取得しようとしているのですが、エラーがでてできません。 //$.Ajax().done(function(response){ var data = $.parseJSON(response.responseJSON); }); エラー Uncaught SyntaxError: ...
2
2 回答
339 閲覧数

電卓アプリをFRP的に実装するには?

数値入力イベントのstreamと -1-2-3---4-5-6---7-8-9-- 演算子入力イベントのstreamから、 -------+-------+-------- 計算に用いるオペランドのstreamを生成して、 ---123-----456-----789-- 最終的に演算結果のstreamを生成する ---123-----579-----1368- ...
2
2 回答
531 閲覧数

attrによって読み込むajaxを振り分けたい

下記の様なコードでボタン毎に読み込むjsonオブジェクトを切り替えて、画像を読み込みたいのですが、そもそもそういった事は可能でしょうか? $(document).ready(function(){ $('button').on('click', function(this){ $.ajax({ type: 'GET', url: 'data-...
2
1 回答
3,005 閲覧数

blurイベントで開始した非同期処理が完了するまでフォーム送信をさせないためには

よろしくお願いいたします。 HTMLでコード入力用のテキストボックス(#item_cd)があります。 javascriptでは、#item_cdのonblurイベントで、入力されたコードからマスタデータを参照して、取得した値から名称の表示や計算を行うような処理を記述しました。 処理はdeferredとpromiseを使って取得~計算までを一連の流れとして記述しています。 また、画面には「登録」...
3
3 回答
3,233 閲覧数

jQueryまたはJSまたはcss3のanimationで滑らかに移動させるには?

class="n2"からclass="n1"に移動する際、滑らかにスーッと移動させたいのですが、うまくいきません。 今は、かくかくしています。 jsでclassを変更してcssのpositionで位置をズラしているのですが、滑らかに移動(変更)させるには、どこにどのように書いたらよいでしょうか。ご教示の程よろしくお願いいたします。 https://jsfiddle.net/Lennxhjc/1/ ...
1
1 回答
857 閲覧数

jQueryUIのui-frontクラスの使い方

jQueryUI DialogのAPIには、かつてzIndexオプションがありましたが、現在はありません。 そこで、代替手段は無いのだろうかと調べた所、下記のページを見つけました。 http://api.jqueryui.com/theming/stacking-elements/ どうやらui-frontクラスを介してz-indexの制御ができるようなことを書いてあると思うのですが、...
4
1 回答
1,071 閲覧数

コンボボックスフォーカス時に、左右キー押下で値が変更されるのをキャンセルしたい

コンボボックスフォーカス時に、 左右キー押下でコンボボックスの値が変更されるのをキャンセルしたいのですが、 方法はありますでしょうか? ちなみに、 javascriptのkeydownイベントに、 event.stopPropagation(); event.preventDefault(); return false; などを記述してみましたが効きませんでした。
3
1 回答
1,537 閲覧数

SVG 要素をJavascriptのmousemoveイベントとsetIntervalとの組み合わせ

Javascriptとsvgの勉強として以下のコードを作成してみました。 1週間程かけてsvgの仕組み,JavascriptのaddEventListener,jQueryのイベント関連関数など色々試してみましたが一番スムーズに動いたソースを張り付けておきます。 以下のリンクで確認できます。 エラーは出ませんがマウスを動かさないと中央部分がランダムに動かない $(document)....
3
2 回答
1万 閲覧数

CSSのtransform、translateを取得するには?

cssのtransformプロパティについて質問があります。 transformプロパティに、translate(xpx, ypx)を指定した場合のデータを取得するには、どのようにしたらよいでしょうか? この時、文字列以外の形式で取得したいです。 ウェブブラウザ:Google Chrome バージョン 45.0.2454.101 m ・試したこと 1.jqueryでcssを適用した場合 $(...
10
8 回答
1万 閲覧数

for文でclick時の動作を定義したい

要素#elem0 .. #elem9に対してクリックイベントを設定し、それぞれの要素に対応した番号をalertで出したいと思っています。 下記のコードだと、#elem0をクリックしたときには0、#elem1をクリックしたら1、といったようにです。しかし、下のコードだと常に10が表示され、上記のような挙動になりません。どうすればいいのでしょうか? for (var i = 0; i < ...
2
2 回答
558 閲覧数

keyframeを用いて表示させる文字のアニメーション

keyframe animationをもちいてboxに表示させる文字を”A”→”B”→”C”→”D”->E""と変化させたいのですがcssのkeyframeからtext自体を変える方法がわかりません <body> <p>A->B->c->D</p> <button onclick="start()">start</...
0
1 回答
108 閲覧数

縦横比を保持して、表示領域に収まるようにブロック要素を表示したい

表題の通りです。 例えば2:3のボックスを表示したいとして 縦横比を維持したままブラウザの横幅に合わせてサイズを変更させることは簡単にできますが ブラウザの高さによっては画面に入りきらずスクロールバーが出てきてしまいます。 そうではなく、background-size: contain; のように 縦横比を保持して表示領域に収まるようにブロック要素を表示させたいです。 ...
0
1 回答
226 閲覧数

メガメニューのトグルがうまく行かない

ヘッダーにメガメニューを実装しようとしています。 下記スニペットのような実装をしているのですが、 初めて.nav(または.nav__item)をホバーした場合はslideDownで開く .nav内でかつ.nav__itemを行き来する場合はfadeInとhideで切り替え .navのエリアから出た場合はslideUpで閉じる ということがやりたいです。 .nav内にいる場合は.navに....
0
1 回答
1,120 閲覧数

改行コードを含むinput要素の値がalert関数で改行されない

例が悪かったので書き直します。 <input type="hidden" id="testId" value="aaaaa\nbbbb"> <script src="https://code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/...
1
1 回答
5,315 閲覧数

textメソッドとvalメソッドの違いは何ですか?

textメソッドとvalメソッドはどう違いますか? 初歩的な質問ですが、説明をよんでもピンとこないので・・・
1
1 回答
89 閲覧数

jQueryでの変数定義について

jQueryを勉強している者です。 変数を定義するときに、変数名に$が付く場合と付かない場合があるのですが、 どのような違いがあるのでしょうか?
0
0 回答
118 閲覧数

fullcalendarでdayclickした際に時間計測が出来るタイマーの様な画面に遷移させたい

お世話になります。 現在jqueryのプラグインであるfullcalendarを使用してcalendarを実装しています そこで下記の様な問題に直面しています。 ①dayclickをすると、他のJSファイルが呼び出される様にしたいが出来ない ※$.getscriptを使用し、jsファイルを指定しても404ステータスが表示される $(#calendar).fullCalendar({ ...