[jquery] タグが付いた質問

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

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

モーダルダイアログの子ウィンドウから親ウィンドウの関数を呼び出す方法

cakePHP2 + mysql + bootsrap3 でサイトを構築しています。 親ウィンドウから、入力ウィンドウとして子ウィンドウ①を開き、 必要なIDがなければ生成するための子ウィンドウ②を立ち上げてID登録をして 子ウィンドウ①に返す といった処理を組もうとしています。 その際に、どのようにすれば子ウィンドウ①から子ウィンドウ②に値を返せるかが わかりません。 お手数ですが、...
1
1 回答
1,498 閲覧数

IE9でローカルのファイルを読み込むことは可能ですか?

やりたいことは下記のようにファイル名をinput要素で指定してもらい、ボタンを押したらその内容を取得したいです。 csvファイルを読み込むことを想定しています。 IE10以降ではFileAPIが使えるのですが、IE9では動きません。 下記のように書けばできるかと思いましたが、このコードは動きませんでした。 すいません、制約を書いてませんでした。 ...
0
1 回答
278 閲覧数

npmで取得したJavaScriptライブラリ (rollup.js) をHTMLから呼び出す方法

知りたいこと npmというものを使えばJavaScriptライブラリのバージョン管理ができると聞き少しずつ触って見ておりますが、どのようにしてhtmlからそのJavaScriptを呼び出せばいいのかがわからないので知りたいです。 npmはPHPでいうcomposer、Pythonで言うpip、nimでいうnimbleのようなものだと思っております。 ここも間違っていたらご指摘いただけると嬉しいです。...
0
0 回答
41 閲覧数

jQueryでホバー中に別の要素にホバーしたい (5ちゃんねるの吹き出しのユーザービリティーをjQueryで実現したい)

jQueryで5ちゃんねるの吹き出しのようなユーザービリティを実現したく奮闘しているのですが、結構調べたのですがどうすればいいかまったくわかりません。 画像で言えば >>729 にホバーしたときに吹き出しの要素がbodyにappendされているようでカーソルが要素から離れれば、removeで吹き出しは消えます。ここまでは普通に実装できるのですが、...
0
1 回答
482 閲覧数

Laravel+jquery 一覧表示したデータのidをjsのコンソール側で取得できるようにしたい。

やりたいこと 最終目標としては、Ajaxを使って一覧表示の削除ボタンを押すと、非同期でUI上からもDBから削除するできる機能を目指しています。 その前段階として、jqueryのみでフロント側のみできる削除する機能を実装したいと考えています。 さらにこの機能を実装する手段として、まずはボタンをクリックするとjs側で、一覧リストそれぞれのidを取得する必要があるのですが、ここに苦戦しています。 問題点 ...
1
1 回答
77 閲覧数

要素Aの数字より要素Bの数字が小さい場合に、要素Cに判定を出したい

以下のような予算(class="budget")を費用(class="cost")が上回った場合に判定結果(class="result")に「予算オーバー」と表示したいですが上手くいきません。 ご教授のほどよろしくお願いいたします。 ▼HTML <div> <div><span class="...
1
1 回答
65 閲覧数

jQueryで*:contains('AAA')セレクタで要素を選択させた際に直近の要素のみを選択できるようにしたい

<table> <tr><td>AAA</td></tr> <tr><td>BBB</td></tr> </table> というHTMLがあったとして、 jQueryで $("*:contains('AAA')").addClass('hoge'); ...
0
1 回答
720 閲覧数

fullcalendarの定期イベントdowの一部上書き(非表示)について。

fullcalendarのイベントについて行き詰っており質問です。 実現したいこと 1、国民の休日をgoogleから取得 2、スタッフの毎週の出勤日をカレンダーに表示[](eventSourcesにdowで実装)←ここまでは実装できています。 3、会社の公休日にスタッフの出勤日を表示しないようにしたい。(←ここで行き詰ってます。) fullcalendar 下記コード <...
0
1 回答
1,059 閲覧数

ファイル名を取得してサーブレットクラスに渡したい。

画面でテーブルに対して行をクリックし、黄色行になっている状態で「ファイル名取得ボタン」を押し、黄色行のファイル名をJavaのサーブレットクラスに渡したいと思います。テーブルに対して行をクリックし、黄色行にするとこまでできているのですが、ファイル名を取得してJavaのサーブレットクラスにファイル名を渡すコードをどう書くか分かりません。どう書けばよろしいでしょうか。 <!DOCTYPE ...
1
0 回答
195 閲覧数

railsにratyを導入したいがエラーが出る

環境 ruby 3.1.2 rails 6.1.4 raty 4.1.0 解決したいこと Ruby on railsで本のレビューの投稿をできるようなページを作成しています。 ratyで星による評価を実装しようとしたところ、下記のエラーが出てしまいました。 raty.jsはhttps://github.com/wbotelhos/raty/blob/main/src/raty.js ...
0
1 回答
180 閲覧数

jQuery UI Sortable で移動範囲を指定したい

tableタグで作成した表内で、移動を制限したいと思っています。 表の最上部と最下部を「対象外(ハンドルなし)」にはできます。 しかし、他の要素を「最上部より上」「最下部より下」に移動できてしまいます。 この動きを抑制する方法はあるでしょうか? よろしくお願いします。 <!DOCTYPE html> <html lang="ja"> <head&...
0
0 回答
160 閲覧数

vimeo+player.jsでサイトに埋め込みした動画の視聴時間を計測したいが同じデータがいくつも作成されてしまう

サイトにvimeoをiframeで埋め込み player.jsを利用して 再生(イベント発火⇨視聴開始した現在時刻を保存) 一時停止または動画終了(イベント発火⇨視聴終了した現在時刻を保存)」 [1]と[2]の差分をDBに保存 で視聴時間を登録しているのですが、なぜか同じデータが複数作成されるケースがあります。 ブラウザの問題の可能性も考え PC:Chrome・Safari iOS(15.7):...
0
1 回答
112 閲覧数

jQuery UIのSortableを用い、li要素並び替え後にも要素の情報を取得したい

現在Webaアプリケーションを作成しながらプログラミングの学習をしているものです。 jQueryのSortableを使用して、li要素の並び替えを行なっております。 下記のソースコードは、要素をドラッグして任意に並び替えた後、要素クリックでコンソールに、innerHTMLを出力するコードになります。 しかし、要素を並び替えた後、クリックすると違う要素の情報が取得されてしまいます。...
0
0 回答
194 閲覧数

laravel Breezeのログアウトする際のドロップアウトボタンが機能しない

問題 ドロップアウトしないからログアウトできない 試したこと ・ドップアウトの部分をコメントアウトしてログアウトボタンを直接押下するとログアウトできる ・bootstrap5.0のの上にscriptコードを入れても反応なし app.blade.php <!DOCTYPE html> <html lang="{{ str_replace('_', '-', app()-&...
0
1 回答
451 閲覧数

ボタンを押すと画像がフェードイン・フェードアウトするという動作をしたい

ボタンを押すと画像がフェードイン・フェードアウトするという動作をしたいのですが、上手く繋げれていないみたいです。多分idが必要だと思うのですが、どう打ち込むのが正解でしょうか? 以下は現時点での状態です。 初心者のためまだまだ分からないことが多いですがよろしくお願い致します。
0
1 回答
685 閲覧数

jQueryにてdiv要素にキー入力を代行させる方法

やりたいこと 下記のdiv要素である"down"をクリックしている間は、下矢印キーを押し続けている扱いにする方法はないでしょうか? 試す限りでは押し続けている判定は、onmousedownを使えば出来そうですが、javascriptに「キー入力を代わりに入力させる」方法がわかりません。 <div class="down"> <h1&...
0
2 回答
467 閲覧数

jQueryを用いたスライダーでページナビゲーションごとスライドさせるにはどうしたらよいでしょうか。

jQueryを用いたスライダーでページナビゲーション(左右に表示されるものではなく、ページ下部にスライドさせるスライダーの枚数のリンクを表示したナビゲーションです)をスライド画像ごとスライドさせるにはどうしたらよいでしょうか。 良い案が見つからず悩んでいるのでご存知の方いらっしゃいましたらご教示いただきたいです。 スライダーはbxsliderを使用する想定ですが、...
0
1 回答
82 閲覧数

クリックした画像を変更したい

クリックした画像をコールバック関数とアニメーションを使って変更させたいです。 以下のコードだとリストの画像をクリックするとアニメーションは適用されているのですが、画像は初期値のsample1が表示され画像の変更ができないです。 どうすればクリックした画像に変更できるでしょうか? <body> <main> <h1>...
0
0 回答
66 閲覧数

jQueryを用いたソート機能の作成の仕方がわかりません。

ソート機能のfunctionの組み方からわかりません。お答えいただいたコードを元に自分で嚙み砕いて理解したいと思いますのでどうか回答お願いします。最低でも、val(), data(), change(), each()を用いて作成します。
0
0 回答
36 閲覧数

jQueryを用いたタブメニューの作成の仕方がわかりません。

タブ切り替え要素のfunctionの組み方からわかりません。お答えいただいたコードを元に自分で嚙み砕いて理解したいと思いますのでどうか回答お願いします。 最低でも、index(), eq(), addClass(), removeClass()を用いて作成します。 <!doctype html> <html> <head> <meta ...
0
3 回答
196 閲覧数

jQueryを使って選択した画像を非同期処理で表示させたい

問題 画像を表示は出来た。 データとして、sqlのデータに保存ができていない。 確認で、抽出工程を確認すると画像を指定してあげるとできていた。 目標 laravelで画像を非同期処理でファイルから選択して表示させたい また、他ファイルでも表示できるようにする コメントアウトしてる方、してない方どちらも試しているが表示されない blade <div id="image"&...
0
1 回答
62 閲覧数

(this).scrollTop()の終了の仕方がわからない

普段、簡単なjQueryなどは使うのですが、複雑になるといつもつまづいてしまいます。 どなたか下記の動作を実現するにはどう作ればいいのか方法を教えていただきだいです。 やりたいこと ある高さまでスクロールしたら画像に追従用のclassを追加 上にスクロールして画像が元からあった場所まで戻ってきたら追従用のclassを外す 画像が追従中、画像をクリックしたら追加したclassを外す(...
0
0 回答
79 閲覧数

リンクのアドレスを取得したい

拡張機能を作成しようとしています。 リンクを右クリックし、コンテキストメニューに追加した新しい項目をクリックしたときに、リンクのアドレスを取得したいです。 現時点では、右クリックをしたらコンテキストメニューに項目が追加されるようにはなっているのですが、クリックしたリンクのアドレスを取得する方法が分かりません。わかる方いらしましたら、お手数をおかけしますがよろしくお願いします。 現時点でのコードです↓...
0
0 回答
116 閲覧数

上下にスクロールしたとき、要素がふわっと表れる動きのやり方について

「スクロールした要素がふわっと表れる」動きの、 ①下にスクロールをして画面内に要素が入ったとき ②且つ、上にスクロールをして画面内に要素が入ったときも 動作する指定を調べたり試したりしてるんですが上手く両立させることが出来ません。 ご教示頂ければ幸いです。 ↓下にスクロールをして画面内に要素が入ったときのみのコードです。 【HTML】 <div class="box1 fadeUp&...
0
1 回答
123 閲覧数

jQueryとjQuery UI でアニメをさせたところ,何故か無限に繰り返してしまう

要約 jQueryとjQueryUIを用いて,マウスオーバーすると色が変わり,マウスアウトすると元に戻るアニメをつけようとしていたところ,.stop()の付け方によっては無限の繰り返しが発生してしまうことがわかりました.しかし,考えても原因がわかりません. マウスを動かしていないのにmouseoverイベントが繰り返し発生しているようなのですが,それはおかしなことだと思います. ...
0
1 回答
1,436 閲覧数

jQuery-Validation-Engine でエラー発生時の吹き出し表示をクリックしても消えないようにしたい

フォームのバリデーションにjQuery-Validation-Engineというプラグインを使用しています。 エラーがあるときに吹き出しが出て、その吹き出しをクリックすると消えます。 これをクリックしても消えないようにする方法はないでしょうか? こちらを読んだのですがさっぱりわかりませんでした。 https://github.com/posabsolute/jQuery-Validation-...
-2
1 回答
354 閲覧数

テーブルの要素の並び順を入れ替えるボタンを作成したい

以下のように一番上の要素を一番下に移動させるようなボタンの処理を jQuery で書きたいのですが、どのような書き方をすればいいのでしょうか? 教えて頂けると助かります。 1   2   3 2   3   4 3 → 4  → 5 4   5   1 5   1   2 HTMLコード: <div class="contents contents--table"...
0
0 回答
28 閲覧数

「Translate wordpress with gtranslate」のプルダウン非表示について

初心者のブロガー、且つ初歩的な質問で大変お恥ずかしいですが、 親切な方、ご教示いただけますと幸いです。 【質問】 「Translate wordpress with gtranslate」のプルダウン非表示について 【前提】 ・「The Thor」のテーマを使用している。 ・「アッキーのブログ」を運用している。 ※現在、編集中でして、大変お恥ずかしいです。。 【実現したかったケース】 ...
0
0 回答
1,117 閲覧数

JSONのデータを取得してHTMLの要素に入れたい

data.jsonというJSONのデータを取得して、データ内に入っている名前、住所、仕事内容のデータをindex.htmlのHTML内のcontents--tableの中に挿入したいのですが、data.jsonのデータすら読み取る事に失敗してしまいます。どのようなコードを打てば実装できるでしょうか。script.jsの中にコードをうちます。(script.jsの中にはまだ何も入ってません。) ...
0
0 回答
105 閲覧数

ページネーションのページを変えると(次のページに行くと)、ループ機能の一部がおかしくなってしまう。

WordPressでアーカイブページを作成しています。 他のサイトで、答えていただけませんでしたのでマルチポストにします、すいません。 https://teratail.com/questions/r0uwzlzi1q5s1q https://qiita.com/keikkkk/questions/70a529fdd4e210698baf また、...
0
1 回答
161 閲覧数

ページネーションを作成していますが、jQueryが上手く設定できません

WordPressでサイトを作成しています。 アーカイブページで、ページネーションを入れたいです。 下記サイトの通りにやっていますがうまくいきません。 https://shanabrian.com/web/jquery/pagination.php 実際にやってみると表示されるサイトが10で、ページネーションのリンクの数も3とか5とかが、理想ですが、1つしかリンク(...
0
1 回答
139 閲覧数

ページネーションを作成することができません。

初心者です。急ぎですのでこれからマルチポストです。 https://teratail.com/questions/exowk0f9j67yso https://qiita.com/keikkkk/questions/106ae1cdb1284d92041a WordPressでサイトを制作しています。 アーカイブページのページネーションを作成するため、下記サイトを参考にしています。 https://...
0
0 回答
139 閲覧数

PHPでCometを実装したとき、たまにデータを出力しない

やっていること PHPでCometによるチャットシステムを作成しています。 // このご時世になんでWebSocketを使わないんだ? という話はなしでお願いします。 概ねはうまく動くのですが、時々PHPが情報を吐き出してくれないことがあり、どうにかならないかお尋ねしたいです。 構造 ページはinput.html, output.html, comet.php, chat.txt, ...
1
1 回答
2,434 閲覧数

bootstrap のmodal がiOSの端末でスクロール出来ない

bootstrap3でmodal内で検索できるような仕組みを作りました。テキストボックスの内容をAjaxでPHPに送信して結果をJsonで受け取ります。その内容をmodal内で表示するのですが、結果が多くなったときにスクロール(スワイプ)が出来ない状況になりました。どうもこの現象がiOSの端末のみで発生しているようです。 この解決方法をご存知の方がいらっしゃったら教えて下さい。
0
1 回答
168 閲覧数

ウェブサイトをどのiPadの機種(〇世代、Air/Proなど)で見ているか判定する方法は?

私のサイトはiPadの様々な機種で閲覧することを想定しています。 タイトルのように、今どの機種のiPadでウェブサイトを閲覧しているか判定する必要に迫られています。iPad Airなのか、Proなのか、それは何世代なのか? JavaScriptかJqueryどちらかで調べたいと考えています。 使用機種のOSはすべてiPadOS 13~15のいずれかが想定されるので、...
0
1 回答
213 閲覧数

1つのフォームに(form_with)に複数ボタンを設置、かつimage_submit_tagで異なる機能を呼び出したい。

前提・実現したいこと 1つのフォームに(form_with)に複数ボタンを設置、かつimage_submit_tagで異なる機能を呼び出したい。 以下コードの場合、更新、削除ボタンを実装したい http://yiaowang.web.fc2.com/programing/ruby_base/rails_views_submit.html 発生している問題・エラーメッセージ 参考サイトでは、...
0
0 回答
223 閲覧数

親要素にTransformを指定した場合の画面固定について

ウェブサイトの制作初心者、初質問です。 ページのヘッダーを画面の先頭にposition:fixedで固定していたのですが、 サイトがスマホのみのレイアウトのためpcでみた時は少し大きく表示したいとのオーダーがあり、 zoomプロパティはfirefoxで使えないためhtml要素にtransform:scale();を使って画面幅が768px以上の時は1.25倍で表示するようにしました。 @media ...
0
0 回答
874 閲覧数

ハンバーガーメニューを開いている最中bodyはスクロールしない設定にしていたが、メニュー内のドロップダウンを開いた時メニュー内だけでなくbodyもスクロールしてしまいます

html、cssがすこし触れる程度でjavascriptは主にコピペで使用している初心者です。 スマホでハンバーガーメニューを作成した際、 メニューを全画面で開いた時に隠れているbody全体はスクロールしないようjQueryで設定していましたが、 メニューの中身がドロップダウンで開くようになるとbodyのスクロールが復活してしまいました。 ...
0
1 回答
419 閲覧数

閉じるボタン(X)が、元のハンバーガーボタン(三本線)戻らない問題を解決したい

実現したいこと 【jQuery・ハンバーガーメニュー】 閉じるボタン(X)を、元のハンバーガーボタン(三本線)に戻したいです 状況の説明 jQueryでハンバーガーメニューを実装しています。 スマホナビが開いている状況で、リンクをクリックすると、 スマホナビが閉じて リンク先のセクションにスムーススクロールされます ここまでは良いのですが、閉じるボタン(X)が、元のハンバーガーボタン(三本線)...
0
2 回答
1,799 閲覧数

fullcalendarのイベント削除について

fullcalendarのv3.9.0を使用しています。 動き ・左の予定リストからイベントを追加し、日付へドラッグアンドドロップができます。 ・日付へ入れた予定をダブルクリックすると予定を消せるようになる 困っていること ・ダブルクリックをすると予定を削除できるのですが、消えた後にほかの予定をドラッグアンドドロップすると消えたはずの予定が復活してしまいます。 例:1月7日の予定を削除する→...
0
1 回答
1,033 閲覧数

jQueryでの可変の表示位置の取得

表示位置が可変するページにて、 スクロールしてナビの位置に来た時にウインドウ上部に固定したいと思い下記のコードを書きました。 https://jsfiddle.net/aq8j1rLL/9/ $(function() { $(window).on('load resize', function() { var navScrollHeight = $('#gnav'...
0
1 回答
348 閲覧数

Rails でいいねの create アクションが実行されない

※他のサイトでも同様の質問を行っています。解決後はそれぞれ更新致します。よろしくお願いします。 https://teratail.com/questions/av2uvajgpeg8dy 前提・実現したいこと 投稿された質問(post)に対して回答したコメント(comment)に非同期通信でいいね(good)を押す機能を実装したいです。 発生している問題・エラーメッセージ ...
0
1 回答
1,942 閲覧数

swiper.jsのloop時末端が途切れる

下記のように swiper クリック時に slideTo で 中央にフォーカスするようにしているんですが、始端や終端まで進めると途切れてしまいます。 マウスドラッグ or touchEvent を発生させると、また要素がクローンされるようなんですが、それをプログラムだけで完結出来る方法をご存知であれば知りたいです。 swiper.slideTo() の後 swiper.update() ...
0
1 回答
83 閲覧数

jqueryでサイドバーのリンククリックによるスムーススクロールをしたい

jsfiddleをご覧ください。:https://jsfiddle.net/ac189xhn/ メインコンテンツを掲載する部分とサイドバーの2か所からなるページを作ります。 サイドバーのリンクをクリックすると、そのhrefに記載したidと同じメインコンテンツのsectionタグへとスムーススクロールできるようにしたいのですが、現状ですと2回同じリンクをクリックした時や、...
0
1 回答
186 閲覧数

slick sliderのslideToShowの値をスワイプする度にランダムに変更させたいです。

こんにちは。wordpressでサイト制作をしていて、スライダーにはプラグインの"slick slider"を使用しています。 ***実現したいこと*** スワイプ、またはスライドが切り替わるたびに表示させる画像の数を変更したいです。 表示させたい枚数の範囲は、1−2枚です。 例)スライド => 画像2枚表示, 2回目スライド => 画像1枚表示、 3回目スライド =...
0
0 回答
74 閲覧数

最初に読み込む背景画像の表示時間を短くしたい

jsファイルでトップページの画像ファイルだけを最初に2秒程度表示して、そこからトップページを表示していますが、 トップページの画像ファイルの表示時間を一瞬だけ(0.5秒以内)にするにはどのようにすればいいでしょうか。 (function($){ $(function() { if($.cookie("access") == undefined) { $...
0
1 回答
182 閲覧数

フォームの入力内容が一致しないときにメッセージを表示させたい

メールフォームの作成において二つのメールアドレスが一致しないときにエラーメッセージを表示させたいのですがJavaScriptが全く機能していません。どこのコードをまちがえているのか解決法とともに教えていただきたいです。 <!DOCTYPE html> <html lang="en" dir="ltr"> <head> ...
1
1 回答
531 閲覧数

webpack での jquery の $ 変数の扱いについて

jquery-ui と jquery.validationEngine を同時に使いたいのですがうまくいきません どちらも $ っていう変数に対してメソッドを追加してるんだと思うんですが片方を使うともう片方が使えなくなります jquery-ui は公式サイトダウンロードビルダーから zip ダウンロードしたものを app/javascript/vendor/jquery-ui に展開 ...
0
1 回答
2,223 閲覧数

jQuery で $ is not defined とエラー表示される

jQueryを用いたカレンダーの作成をしているのですが $ is not defined のエラーが表示されてしまいコンソールでのaddColumnHeaders,addCalenderDates,addGameInfo の呼び出し及びブラウザへの行事の内容の表示が実行されません。jQueryの読み込みができていないのでしょうか。解決方法を含め、ご回答よろしくお願いします。 <!...
0
0 回答
411 閲覧数

選択された曜日によって表示する時間を変更したいです。

現在レストランのサイトを制作しています。コンタクトフォームでユーザーが予約したい日付と時間帯を選択できるように"jquery UIのdatetimepicker"を使用しています。 実現したいこと 選択された曜日によって表示する時間を変更したいです。 コードにも書いてありますが、 例)月、水、木、金曜日を選択 => 予約可能な時間は、'17:30', "17:...

1
2 3 4 5
13