[jquery] タグが付いた質問

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

絞り込み
並べ替え
タグ付けされた
0
1 回答
724 閲覧数

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

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

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

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

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

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

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

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

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

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

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

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

jqueryでの条件分岐について

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

monacaで変数が使えない場合

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

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

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

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,775 閲覧数

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

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

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

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

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

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

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,152 閲覧数

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,931 閲覧数

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

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

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

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

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 回答
526 閲覧数

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

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

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

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

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

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

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

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

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

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

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 回答
106 閲覧数

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

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

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

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

改行コードを含む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 回答
4,845 閲覧数

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

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

jQueryでの変数定義について

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

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

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

hiraku.jsのドロワーメニューが、ページ変遷後にも閉じないです。

該当ページ LPを作成しています。スマホサイズでhiraku.jsのドロワーメニューが出ます。 が、ドロワーメニュー内のページ外リンクを踏んで作成中のページに戻ると、 ドロワーが表示されたままになります。これを解消したいのです。 ディベロッパーツール上では現象が再現されずスマートフォン実機で見ると、 上記現象が起きます。 ドロワー内の一番上のロゴのリンク先(弊サイトトップページ)から ...
0
1 回答
357 閲覧数

list.jsでソートしたらhtmlが消える

list.jsを使ってテーブルをソートしたらテーブルの中身が全部消えます。何故でしょうか... <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <link rel="stylesheet" href="https://stackpath....
0
1 回答
1,283 閲覧数

xmlファイルをjQueryで読み込み時にCORSエラー

ローカルでindex.htmlを作り、Yahooのニュースページのxmlファイルの中身をjQueryを用いて取得しようとしていますが、Google Chrome Consoleにおいて以下のエラーが生じ、正しくページが表示できません。 Access to XMLHttpRequest at 'http://headlines.yahoo.co.jp/rss/all-c_int.xml?_=...
0
1 回答
2,893 閲覧数

jQueryを使ってテーブルの複数行を表示、非表示にしたい

表を作成していて初期は隠し行ありの状態でその行をクリックすれば隠し行すべてが表示されるものを作成しております。 現状下記サイトを参考にして作成したのですが、1行しか開閉できません。(初期状態で残りの行も見えてしまう) http://kachibito.net/snippets/expand-table-rows-using-jquery-html-and-css ...
0
2 回答
191 閲覧数

jQueryで要素の大きさ(width)に合わせて、色を変えたり、画像を表示したい!

jQueryを使って、格闘ゲームの体力ゲージを表したいと思っています。 体力ゲージは「#box」で表現。CSSでwidthを100pxで設定。 "#btn"をクリックすると"#box"の幅が20pxずつ縮小する。 "#box"のwidthが残り40pxになるとゲージがCSSオレンジ色になる。 "#box"のwidthが残り20pxになるとゲージがCSS赤色になる。 "#box"...
0
1 回答
863 閲覧数

jQueryで要素の横幅(width)を拡大縮小するには?

jQuery初心者です。 Googleで調べまくったのですが、やり方が見当たらず…。皆さん教えて下さい。 既に、CSSでwidthを100pxで設定している要素に対して、 jQueryを使って「"#btn"をクリックすると"#box"の幅が20pxずつ縮小する」 という指示は出来ないものでしょうか。 $("#btn").on("click",function(){ $("#box"...
0
0 回答
158 閲覧数

AdminLTE 要素の範囲外をクリックした際に、指定のクラスを外す方法

AdminLTE を使用しています。 AdminLTEの機能で、 <a href="#" data-toggle="control-sidebar"></a> をクリックすると、 <aside class="control-sidebar control-sidebar-light"> に自動で、 control-sidebar-openクラスが付与され、 (...
6
4 回答
1,143 閲覧数

あるhtmlタグについて、それを内包しているタグから見た時に何番目の位置に存在しているのか知りたい

例えば、name属性がtitleであるinputタグを内包しているliタグは、ulタグ内で何番目に位置するか という情報を取得したいとき、どのようなJavaScriptを記述すれば実現できるのか良いアイディアが出ません。 どなたかご教授いただければ幸いです。 <ul> <li><input type="text" name="title"></...
0
1 回答
3,497 閲覧数

画面幅に応じて「指定ブロック要素内のテキストが常に一行」となるようフォントサイズ調整したい

下記div要素を、どのような画面幅でも常に一行となるようフォントサイズ調整したいのですが、どうすれば良いでしょうか? <div><a href="">動的に生成する任意のリンクテキスト</a> 文字列 <a href="">動的に生成する任意のリンクテキスト</a></div>
0
1 回答
1,045 閲覧数

jQueryの開閉式コンテンツをクリックで閉じるタイミングにコンテンツトップに移動したい

jQueryを利用して、ページ内のコンテンツ(テキストや画像)をslideToggleで開閉式にしたいと考えています。 [閉じる]ボタンをクリックした歳に開閉式コンテンツ(#readmore-wrap)のトップにアニメーションで移動させたいと思っています。 私の書いたjsだと[続きを読む]をクリックした歳にも#readmore-wrapのトップに移動してしまいます。 希望としては以下になります。 ...
0
2 回答
120 閲覧数

localstorageを使って、テーマカラーを取得しテーマカラーを保存しておく方法

ボタンをクリックすることで、styleSheetを変更し、テーマカラー(背景色)を変えるように設定しました。 ここまでの設定はできたのですが、 localStorageを使って、変更したテーマカラー保存した状態にしたいのですが、 localStorageをどのように設定したらよいのかがわかりません。。 localStorageを使用するのが初めてで、 保存するときは、localStorage....
0
1 回答
433 閲覧数

jquery ハンバーガーメニューの中のメニューの一つを押したとき

ハンバーガーメニューの中のメニューのうちのどれか一つを押してメニューを非表示にしつつ#ページに戻りたいです。 ハンバーガーメニューのアイコンを押せば非表示にできますが、メニューを押しても非表示になりません。ハンバーガーメニューは固定しています。 どなたかよろしくお願いします。 ソースコード <div id="navigation"> <div class="...
0
0 回答
254 閲覧数

ajax JavaScriptにfor文を埋め込みたい

下記の様な書き方は可能でしょうか? doneのsearchResultでの結果を数分回したいのですが、どのように書けばいいのかわかりません。 上記で実行してみた結果ループは動きませんでした。ajaxの結果をどのように回すのか教えていただきたいです。 Ajax $(function(){ $('#ajax').on('click',function(){ $.ajax({...
0
1 回答
393 閲覧数

json動的生成とアクセス方法について

DBから任意の値を取得して、jsonを動的に生成した後の定数?にアクセスする方法がわかりません。 どなたかヒント等いただけますでしょうか 下記のような実装を考えています。 例えばですが (JQuery)    var json_data = <?php echo $json ?>; // php等でJSONの値を取得    var json = JSON.parse(...