Skip to main content

[jquery] タグが付いた質問

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

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

ONE BOOK 3Dで特定のボタンの削除

ONE BOOK 3Dで特定のボタンを削除することはできますか。 jQueryPluginをダウンロードして、Html、CSSでカスタマイズしています。 jsは触っていません。 jsの知識が疎いこともあり、ダウンロードボタンと拡大ボタンを非表示かつクリックもできないようにしたいのですが どのファイルの修正が必要で、どこをどのように記述すれば実現できるか分かりません。 ▼削除したい両端のボタン
ねりねり's user avatar
0
1 回答
188 閲覧数

HPに絞り込み検索結果数を表示したい。

jQuery初心者です。 下記のjQueryの検索機能(絞り込み検索)を自社サイトに導入しようとしています。 このスクリプトにコードを追加して、絞り込み表示件数を表示したいのですが、スクリプトの知識もなく、どうすれば良いのかわかりません。 ご教授いただけると大変助かります。何卒よろしくお願いします。 参考サイト: https://www.atelier-sunko.info/entry/...
SUP TARO's user avatar
0
0 回答
41 閲覧数

アコーディオンを開いてheightが変わってもmasonryが反応しない(高さが変わらず被る)

masonryの実装はなんとかなったのですが、アコーディオンを開いても高さが変わらずに被ってしまいます。 アコーディオンは.clickで機能させています。 <section id="content"> <div class="grid locais-cards"> <!--governance--> <...
chisaki's user avatar
0
0 回答
145 閲覧数

wordpressでAjaxを使った絞り込み検索をしたい。

解決したいこと 参考にしたサイトはこちらです https://webfun-style.com/wordpress-custom-search/ これに全てを選択チェックボックスを用意しましたが、挙動がうまくいきません。 実装したいことは以下です。 全てを選択チェックボックスを用意し、それをチェックしたら全てチェックされ、且つ全てが表示された絞り込み検索を実装したい ...
yokokonn's user avatar
1
1 回答
106 閲覧数

フォームのラベルをinputタグの上に表示させるアニメーションを作りたいですがラベルの非表示の切り替え方がわかりません

フォームのラベルをフォーカスされたときにinputタグの上に表示させるアニメーションを作りたいですがラベルの非表示の切り替え方がわかりません 今のソースコードはこのようになってますが問題があります 1つはフォーカスしていないときでもラベルが非表示になっていないことです。どのようにすればうまく実装できるのかわかりませんでした 2つはラベルが2つありますが、2つとも同じ位置に行ってしまうことです。...
Uarcin's user avatar
  • 29
0
0 回答
63 閲覧数

bxsliderを使ったニュースティッカーがWindowをLostすると停止してしまう

下記の codepen をローカルに持ってきて動かしてみました。 codepen 9-4-1 ニュースティッカー 想定通りうまく動くのですが、ひとつだけ想定外の動きをします。 それは codepen の window はフォーカスを外れても(例えばメモ帳を起動したりしても)そのままクルクルとニュースが更新されていくのですが、ローカルで動かしている方は window ...
sakai ntech's user avatar
0
0 回答
87 閲覧数

jQueryのmodaal.jsで紐付けができない

aタグを使わずにbuttonでやると紐付けができないのですが、どなたかご教示いただけると嬉しいです。 <button class="js-modal" data-group="gallery" data-modaal-content-source="#content01">表示</button> <...
t KT kuma's user avatar
0
0 回答
143 閲覧数

jquery draggableで複数のdivの中だけを移動する方法がわかりません

jquery uiのdraggableでbodyのdivの中だけをdrag出来るようにしたいです。 containmentを使うと良いみたいですが、 containment: '.body', にすると、一つの.bodyの中でしかdrag出来ません。 全部の.bodyの中、つまり.headerを除いた全体で移動がしたいのですが、方法がわかりません。 snipetで確認が出来ます。 ...
ほたく's user avatar
1
1 回答
141 閲覧数

jqueryでdivなどをdragしている最中にdrag対象の文字を変えてしまうとresize出来なくなってしまう

jqueryでdragしている間そのdivの内容の文字をtext()で変更すると resizeが出来なくなってしまうのです。 詳しくはsnipetで実行してみてください。 jqueryのtext()の代わりに.get(0).innerTextに変更しても同じ現象が発生します。 text()の代わりにhtml()にしても同じ現象が発生します。 変更した後にもう一度draggable()...
ほたく's user avatar
0
0 回答
777 閲覧数

rails7の「Turbo」と「link_to」と「jQuery」の相性悪くて困っています。

やりたいこと ・ユーザーの退会処理を実装したい。(is_deleted) 環境:Rails 7.0.5, ruby 3.1.2p20, AWS EC2で管理。 対象のソースコード <%= link_to "退会", users_hide_user_path(current_user), data: { turbo_method: :delete, ...
YUKIYA's user avatar
  • 1
0
1 回答
541 閲覧数

jQuery Datatables にAPIで取得したデータベースデータが表示できない。

問題点 ソースコード上、js/index.jsにハードコードしたdata変数では Datatablesに表示ができます。 しかし、APIで取得したデータtest_dataでは表示できません。 console.logで表示したデータは、ブラウザのデベロッパーツールの表示において、どちらのデータも以下のように同じ形式にしか見えませんでした。 Attray(5) 0:{id:1,name:'A'} ...
Takahiro  Funahashi's user avatar
0
0 回答
113 閲覧数

入力した数値の単位を項目ごとに指定する方法

初めまして プログラミングを学んでいる者です。 どうやって実現すればいいかわからないので先輩方の力を借りたいです。 実現したいこと 各項目 A,B,C があって Aが追加されたら数値入力の単位を0.1ずつ増減できる Bが追加されたら数値入力の単位を0.5ずつ増減できる Cが追加されたら数値入力の単位を1.0ずつ増減できる というのを実現したいです。 HTML,Javascript,Jquery,...
初心者です's user avatar
0
1 回答
132 閲覧数

タブレットでChromeブラウザ でoption 要素が disabled しない

シンプルなOption要素でDisabledしたいのですが、タブレットでChromeから見るとDisabledされません。 <select name="fruits"> <option value="peach" disabled>peach</option> <option value="apple">apple</...
Chihiro Japan's user avatar
0
1 回答
108 閲覧数

MonacaとOnsen UIで作成したアプリがメニュー切り替えすると表示されなくなる

【作成環境】 Monaca Onsen UI Javascript jQuery 【作りたいアプリ】 TOPページにカレンダーを表示したい 【今起きている問題】 読み込み時はカレンダーが表示されているが、メニュー切り替えするとカレンダーが表示されない。 【確認したこと】 ・リロードすると表示される ・呼び出したい関数の中に挿入したconsole....
ポルポラ's user avatar
1
1 回答
85 閲覧数

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

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

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

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

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 ...
NASKA's user avatar
  • 11
0
0 回答
537 閲覧数

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

jqueryでhtmlのtableタグを作成、追加すると余計な表のセルが追加されて表示されてしまいます。

神経衰弱を作っていたのですが、表を作成してHTMLの方に表示すると余計なtdタグが入ってしまいます。 おかしくなるあたりの流れは以下の通りです。 ・山札の配列作成 ・山札をシャッフル ・横8、縦7でtableタグを作成(山札をループして、横と縦をそれぞれ変数に入れてif文で初期化などをする) ・tableタグをHTMlに反映 上記の流れの最後で反映させると、なぜかtdタグが二倍になります。 [...
ポルポラ's user avatar
1
1 回答
98 閲覧数

ホバーでの画面のゆれと画像の重なりをなくしたい

文字枠をホバーすると対応して画像が切り替わるのですが、SP画面の一番上(ノーズワイヤー)のところだけデフォルトの画像が重なります。枠の真ん中だと大丈夫なのですが、上辺に近づくと枠がブルブルゆれたり、デフォルトの画像と重なったりします。PCは大丈夫です。 jqueryはSPとPCで書き分けたりしていないので、CSSなのかなと思うのですが見つけられずにいます。お力をいただければと思います。...
はつごん's user avatar
0
0 回答
2,238 閲覧数

「メインスレッドでの同期XMLHttpRequestは、エンドユーザーエクスペリエンスに悪影響を与えるため、非推奨です」の警告表示を解消したい

以下の警告が出ます。解決方法を教えてください! 警告メッセージ: jquery.min.js:4 [Deprecation] Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more ...
JP_Mark's user avatar
0
0 回答
146 閲覧数

Rails での jqueryを使用し、HTMLから値を取り出す方法について

ruby,ruby on rails, JavaScript初学者です。 飲食店の予約サイトを作成中です。 rails6.0.0において、jqueryを使用し、添付写真のコースプルダウンを選ぶと、一人当たりのお支払いを出力し、人数と入力したら、一人当たりのお支払い×人数の値を出力したいです。 以下コードにて一人当たりのお支払いを出力したいのですが、エラーが発生してしまいます。 ※現状コードでは、...
ysk0507's user avatar
1
1 回答
443 閲覧数

DOM を変更せずに ajax 送信時にパラメータを追加したい

Rails で作ったフォームのサブミット時に JS 上に動的にもってるデータを追加して送信したいです https://api.jquery.com/ajaxSend/ これでできそうな気がしたんですが $( document ).ajaxSend(function() { console.log('ajaxSend'); }); とかいても console.log が表示されません $('...
user avatar
0
1 回答
342 閲覧数

jQueryのクリックイベントのみ動かなくなりました

昨日まで正常に動いたコードが今朝動かなくなってしまいました。 selectで選択するとボタンの値が変更され、間にconsole.logなどを入れるとそれも表示されるのでJavascript自体は正常に動いています。 しかしjsファイルの一番最後の行のclickイベントだけが動きません。 clickイベントの中にconsole.logを入れても何も表示されないため、...
ポルポラ's user avatar

1
2 3 4 5
13