[jquery] タグが付いた質問

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

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

Javascriptでプログレスバーを作成したいです。

やりたい事 下記のコードを codepenで見つけて、自身のアプリに実装したいのです。 https://codepen.io/ArnaudBalland/pen/PwgqMO その前、段階でどんな仕組みで動作しているのか気になりコードを見るとjavascriptの部分がjQueryになっていたのでこれをjavascriptに直そうと以下のコードを書きました。 元々のjQueryのコード var ...
0
2 回答
791 閲覧数

フォルダにあるJSONファイルのデータをjQueryですべて読み込むには?

例えば、sampleフォルダにいくつかのjsonデータがあるとして、それを全て読み込みたい場合はどう記述すればよろしいでしょうか?
0
1 回答
799 閲覧数

Leaflet チェックボックスの判定をしてマーカーの削除をしたい。

Leaflet チェックボックスの判定をしてマーカーの削除をしたい 現在のコードとして、チェックボックスを入れると、県にピンが立つような感じです。 クリックする度に、ピンが立つので影がついていってしまいます。 東京がONになったら、東京にピンが立って、OFFになったらピンが消えるような感じにしたいのですが、コードの想像もできません。 分かる方、教えて頂きたいです。 <!DOCTYPE ...
0
0 回答
113 閲覧数

form送信ボタン押しても現在の表示がキープできるようにしたい。

formで送信ボタン押して、input要素3項目打ち込まなければエラー表示がでて、全項目打ち込んだら次のページにリンクするようにしたいのですが、3項目打ち込まずにsubmitした時ページの先頭に戻るのを避けたかったのでjqueryで記述したら表示はキープされるようになったのですが、エラー表示に対応したPHP側が反応しなくなりました。どうしても原因がわからなく解決方法を教えていただきたいです。 &...
0
1 回答
528 閲覧数

プルダウンが、うまく表示されません。

プルダウンメニューがうまく表示されません。 現状 プルダウンをクリックしても開きません。   実現したいこと ↓クリックすると、以下のように表示するようにしたい。(テキスト入力はなし) なお、[ここに表示] というテキスト部分は、プルダウンの項目を選択したら対応するJSONのプロパティの値を表示します。(数字) HTML <!DOCTYPE html> <html lang=&...
0
1 回答
2,149 閲覧数

JavaScript の for 文でテーブルを作成したい

td { border: solid 1px; /* 枠線指定 */ } table { border-collapse: collapse; /* セルの線を重ねる */ } .cell { width: 100px; } .title_area { height: 30px; } .up_down_border { border-top-style: ...
0
1 回答
208 閲覧数

htmlとjqueryで入力フォームを作成、ページが呼び出されるごとに「No」の箇所に自動採番したい

以下の形で、各項目を作成して入力フォームが呼び出せれます。 この呼び出された際に、一番上の「NO」に、呼び出されるごとに 1、2、3、・・・・・・と受付番号を採番していきたいのですが、何かよい方法があれば教えてほしいです。 htmlやjquery初心者なので検索方法がいまいちピントこないです。宜しくお願いします。 <!-- 基本情報入力 --> <div id='...
0
1 回答
2,388 閲覧数

Ajax の結果を用いた条件分岐は done の中に書けば良い?

Ajaxで検査した結果を表示したいのですが、サーバーからの結果からさらにJavaScriptのswitch文の条件を当てはめたいのですが、そのswitch文はdoneの中に書くのでしょうか? どのようにしてサーバからの結果とswitch文をつなげるのか分からないです。 ソースコード $(function(){ // ajax button click $('#ajax').on('...
1
1 回答
211 閲覧数

FooTableの利用について

現在スマホ用の画面構築で、テーブルを可変にする為に FooTableを利用しようとしています。 以下のサイトを参考にしてます。 http://www.webantena.net/javascriptjquery/plugin-footable/ ところが、肝心のソースが手に入りません。 というのも、ここに限らずどのサイトでも最終的にGithubから ダウンロードするように誘導されますが、...
0
1 回答
223 閲覧数

スワイプで出てくるサブメニューのライブラリはありますか?

スマートフォンのアプリでよくある、スワイプで出てくるサブメニューのjQueryライブラリはありますか?
0
1 回答
130 閲覧数

JavaScriptで.valueを使っているのにvalueではなくHTMLタグが返ってくる

前提・実現したいこと JavaScriptを学習中の初学者です。 JavaScript・jQueryで思うような値が返ってこないため、悩んでいます。 発生している問題・エラーメッセージ 下記ソースコードの出力1と出力2が同様の結果を返すと考えましたが、以下のように異なる結果が出力されてしまいます。 出力1: テスト1 出力2: <input class="waypoint"...
0
1 回答
497 閲覧数

ページ内ナビゲーションでスムーズスクロールで移動する時、一瞬移動先の画面が表示されその後スムーズスクロールされます。なぜ一瞬移動先の画面が表示されるのでしょうか?

ぺージ内ナビゲーションでスムーズスクロールで移動する時、一瞬移動先の画面が表示されその後スムーズスクロールされます。なぜ一瞬移動先の画面が表示されるのでしょうか? HTMLで、aタグにhref属性の飛び先のid名を指定しておきます。そしてクリックしたときにattrメソッドでhref属性の値を取得し、offsetメソッドでその要素の位置を取得しページ内でスムーズスクロールしています。 ...
0
1 回答
189 閲覧数

railsにて地図の緯度経度を使用したい為にAjax通信を用いたがコントローラーへ値が送信できない

[実現したいこと] 住所を元に作成したgooglemapを無料で埋め込みたい。 [経緯/考察] Google ApiのGeocodingは有料とのことでしたので、色々と探していたところ 無料で緯度経度を検索できる「Community Geocoder」なるものを見つけたので こちらを利用してjavascriptで緯度経度を求めました。 ...
0
1 回答
160 閲覧数

要素(図面)をクリックしたらfadeOutさせたい

開発環境: Windows10 64bit ブラウザ:GoogleChrome 69.0.3497 エディタ:Brackets(リリース 1.13 ビルド 1.13.0-17696) 使用言語:HTML/CSS/Javascript/jQuery <概要> jQueryの勉強中です。 「Webページの図面(丸*1、四角*2)をクリックしたら、その図面がフェードアウトしていく」...
1
1 回答
880 閲覧数

mousewheel.jsの横スクロールについて質問です

横スクロールのwebサイトを制作していて、スクロール処理を http://www.webopixel.net/javascript/421.html 上記のサイトを参考(コードはコピペ)して制作したのですが、 speedを50にするとマウスホイールではちょうどいいスクロール量でスクロールされるのですが、トラックパッド(macbook)の場合スクロール量が大きすぎて、...
0
1 回答
1,762 閲覧数

webpackでnpmでインストールしたjQueryを使いたい

webpack4+jQuery+sass環境を作りたいのですが、 jQueryを使う設定がうまくいかず、下記のようなエラーが出てしまいます。 ERROR in ../js/index.js Module not found: Error: Can't resolve 'jquery' in '/private/var/www/test/resource/js' @ ../js/index....
0
1 回答
282 閲覧数

マウスホイールスクロールのスピード調整に関して

スクロールをするときのスピードを遅くするために下記を設定しました。 FF,IEの時はできたのですが、GCで見ると下記ではスクロールするとガタガタしてしまいます。 何か記述間違いありますでしょうか? 現在の状況です。 http://footmarkdays.web.fc2.com/test2/ <script> var scrolly = 150; var scrollySpeed =...
0
1 回答
334 閲覧数

Uncaught TypeError: overlay_navigation.velocity is not a functionのエラーについて

以下のようにサイトを作成中です。 サンプルのように三本バーをクリックするとアクションが行われるようにしたいと考えてます。 jsにある overlay_navigation.velocity('transition.slideLeftIn' の部分でエラーを起こします。 出ているエラーは以下になります。 script.js:16 Uncaught TypeError: ...
0
1 回答
6,860 閲覧数

jQuery1.xからjQuery3.5.1へのバージョンアップの方法について

バージョンが1.xのjQueryをバージョン3.5.1へアップグレードする作業を業務で行うのですが、 作業対象ファイルやコードが多く、効率が良い方法や良い落とし所がありましたら教えていただきたいと思い、 投稿いたしました。 作業対象のサイトには、jQuery本体ファイル(1.x)が約100ファイル、1.x用のjQueryプラグインや、JSライブラリが数百ファイルあります。 ...
1
1 回答
1,950 閲覧数

自作のconfirm画面を作り、promiseを利用して、戻り値を変えたいです。

jquery.confirmと言うライブラリーを利用して、confirm画面を作るところまでは良いのですが、クリックした段階でダイアログが出る前に画面遷移してしまいます。 非同期処理で値を返すタイミングをダイアログのボタンを押した後にしたいのですが、どうすればよいかご教示頂けると、幸いです。 <script type="text/javascript" src="../js/...
0
1 回答
127 閲覧数

ajax通信がうまくいきません。

Ruby on Railsで初めてアプリを作っている初学者です。ajax通信ができず困っています。 jQueryを使って下記の通り作成しました。発火は起きていますが、controllerへ送られていないような感じです。 解決策見つからず、ご教示のほど、お願いいたします。 search.js $(function() { var search_list = $("contents.row");...
1
0 回答
1,361 閲覧数

Uncaught ReferenceError: $ is not defined とjQueryの読み込みについて

javascriptとjQueryを使ってHPを作成中です。 両言語とも初心者です。 jQueryは2つ以上読み込まない方がいいと言うのもあるみたいですが 今回はこちらにあるサイトの動きを模倣したいと考えてます。 ソースが載ってるGitHubにはjQueryを以下の通り2つ読み込んでるように思えます。 <script src="https://cdnjs.cloudflare.com/...
0
1 回答
310 閲覧数

フェードインが完了したらスクロールの監視を終了する方法を教えていただけないでしょうか。

前提・実現したいこと コーディング歴は半年で、js はプラグインに頼るばかりであまり経験がありません。 よろしくお願いいたします。 下記の一連の動作を js または jQuery で作る方法を教えていただきたいです。 スクロールで画像がフェードイン フェードインした画像のみスクロールの監視が終了 その他の画像はフェードインするまでスクロールの監視が継続 最終的に、...
0
0 回答
1,007 閲覧数

時間入力フォームに現在時刻を自動入力したい

前提・実現したいこと jQueryで実装しています。 開始時間と終了時間の入力をさせ、その差分によって金額を表示するフォームを作成しています。 この時間入力フォームに「現在時刻」というボタンを配置し、そこを押せば自動的に現在時刻が入力される、というものを作りたいです。 時間形式は「11:20」のようにしてます。 発生している問題・エラーメッセージ ...
0
1 回答
305 閲覧数

タブごとに別の計算結果を表示させたい

前提・実現したいこと 開始時間と終了時間の入力をさせ、その差分によって金額を表示するフォームを作成しています。 railsとjQueryを使用しており、機能は以下のようなものです。 ・タブ切り替えができる ・どのタブも同じ内容の計算フォームが表示される ・タブごとに時間入力でき、計算結果を表示させることができる なお、計算フォームは部分テンプレートで切り出しています。 発生している問題・...
0
1 回答
198 閲覧数

ページをスクロールするとチェックを外す

HTML&CSS,JavaScriptについて質問です。 HTML&CSS,JavaScriptでスマホ用のメニューを作成してページをスクロールした時にinputのチェックを外したいです。 JavaScriptでスクロールしたのを検知してチェックを外そうとしたのですができません。 どこが悪いのか教えてください。 HTML <input type="checkbox" ...
0
2 回答
440 閲覧数

非同期通信で会話機能を導入しているのですが、ページをリロードしないで、データを表示することができません。

私は、今非同期通信で会話機能を導入しようと考えています。ページ移動なしで、データを表示することができるのですが、ページ移動・リロードなしで、表示することができない状態にあります。もしわかる方がいらしたら、方法を教えて頂きたいです。 if Entry.where(:user_id => current_user.id, :room_id => params[:message][:...
2
1 回答
1,128 閲覧数

マウスオーバーを実装する際、「jQuery の hover()」と「CSS の :hover 」では違いがありますか?

知りたいこと マウスオーバー実装する際、下記何れの方法でも出来ることは同じですか? jQuery の hover() CSS の :hover ・jQuery は、CSSを操作してマウスオーバーを実装するので、出来ることは同じ? ・jQuery の hover()でしか出来ないことはありますか? 質問経緯 マウスオーバー後の表示色を1色指定しているjQueryコードがあります。...
2
2 回答
1,378 閲覧数

SPAで動的に挿入されるDOMに対する$(DOMElement).on('load',...)

SPAでページ遷移時に動的に挿入されるDOMElementに対して$(DOMElement).on('load',func)のような、特定のDOMのロード時に処理を行うにはどうすれば良いでしょうか。 例えば、 http://example.xxx/hoge ページにある http://example.xxx/fuga のリンクをクリックすると/fugaに遷移し、 遷移時に挿入された<div ...
0
1 回答
446 閲覧数

ajaxで意図した配列データを渡したい

ajaxで配列データを渡したいのでうまくいっていません。 下記のようなコードを実行すると、PHPで $_GET を出力すると結果が array( [test_input%5Bhome%5D] =chintai, [val] => 99 ) となってしまいます。理想としては array( [test_input] => array ( [home] => ...
1
1 回答
1,342 閲覧数

画像の上に文字があるリンクを作りたい

プログラミング超初心者なので用語の使い方が間違ってたらすみません。 画像を4つ並べてそれぞれの中央に文字を置き、それぞれをリンクにしたいです。 加えてマウスオーバーで画像が暗くなるようにしたいです(この部分は、形としては一応できています)。 こんな感じで、計4つのリンクを作るのが目標です。 htmlはこう書きました。(試行錯誤しまくったので必要ないclassやdivがあるかもしれないです) ...
1
1 回答
1,687 閲覧数

position:fixedのモーダルウィンドウの上側が画面が狭いと見切れてスクロールもできない

完了ボタンを押すと同意するかしないかの モーダルウィンドウがでるボタンを作っています うまくできたと思ったのですがレスポンスブルにしたいので 画面を狭めてテストするとモーダルウィンドウの上の方が見切れました これはposition:fixedのせいだと疑っていますが性質上これは外せません どうすればこれを解決できるでしょうか? $(function() { $('.kanryo'...
0
1 回答
503 閲覧数

2つの関数を1つの関数にまとめる書き方を教えてください

.input_edit または .input_edit_selectをクリックすると編集できる関数を作成したのですが、 別々の関数を作るやり方しかわかりませんでした。 .input_edit または .input_edit_selectを別々の関数にはせず、 1つの関数の中でinputもselectの編集できるようにするにはどのようにすればよいのでしょうか。 教えていただけますと大変助かります。...
0
1 回答
253 閲覧数

項目「選択肢」をクリックで編集しblur()後、もとの状態に戻す方法を教えてください。

項目「選択肢」をクリックし、選択肢を編集し(もしくは編集せずに)、blur()したのち、もとの状態(テキストの状態)にしたのですが、selectのままになってしまいます。 項目「用途」のように、クリック→blur()→元の状態(テキスト)にできたのですが、 同じように、要素がselectやradioのときはどのようにしたらよいのでしょうか? ご教授いただけますと大変助かります。 $(...
1
1 回答
438 閲覧数

jqueryでtableの中身を上から読み込む(複数行)

jqueryでmodal上にあるテーブルを読み込み、 一部のカラムをhtml上にtemplateで読み込ませて表示させたいです。 今のところ、eachを使えば読み込めると思ったのですが tableの最終行しか読み込まれませんでした。    これは参考にしたURLです jqueryで要素のある順に番号をつける //コード function allsave(){ var ...
0
1 回答
863 閲覧数

monacaでjQueryが使えません

プログラミング初心者です。 monacaを使ってAmazon Linux上のデータベースにあるデータを表示するアプリを作っています。 JS/CSSコンポーネントの追加から「jQuery バージョン:3.4.1」を選択し、 <script src="components/jquery/jquery.min.js"></script> でロードするように設定しました。 ...
0
1 回答
7,739 閲覧数

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

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

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

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

指定要素内にある指定文字列で始まる<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 回答
744 閲覧数

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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