[jquery] タグが付いた質問
jQueryとは、ジョン・レシグによって開発された、JavaScriptのライブラリである。エレメントの指定がCSSセレクタと同様の記述で選択ができる。「$」を「jQuery」のエイリアスとして定義されており、関数の呼び出しを容易にしている。また、関数をチェーンさせることで、より柔軟な操作が可能となっている。
645
件の質問
0
票
0
回答
25
閲覧数
ONE BOOK 3Dで特定のボタンの削除
ONE BOOK 3Dで特定のボタンを削除することはできますか。
jQueryPluginをダウンロードして、Html、CSSでカスタマイズしています。
jsは触っていません。
jsの知識が疎いこともあり、ダウンロードボタンと拡大ボタンを非表示かつクリックもできないようにしたいのですが
どのファイルの修正が必要で、どこをどのように記述すれば実現できるか分かりません。
▼削除したい両端のボタン
0
票
1
回答
188
閲覧数
HPに絞り込み検索結果数を表示したい。
jQuery初心者です。
下記のjQueryの検索機能(絞り込み検索)を自社サイトに導入しようとしています。
このスクリプトにコードを追加して、絞り込み表示件数を表示したいのですが、スクリプトの知識もなく、どうすれば良いのかわかりません。
ご教授いただけると大変助かります。何卒よろしくお願いします。
参考サイト:
https://www.atelier-sunko.info/entry/...
0
票
0
回答
41
閲覧数
アコーディオンを開いてheightが変わってもmasonryが反応しない(高さが変わらず被る)
masonryの実装はなんとかなったのですが、アコーディオンを開いても高さが変わらずに被ってしまいます。
アコーディオンは.clickで機能させています。
<section id="content">
<div class="grid locais-cards">
<!--governance-->
<...
0
票
0
回答
145
閲覧数
wordpressでAjaxを使った絞り込み検索をしたい。
解決したいこと
参考にしたサイトはこちらです
https://webfun-style.com/wordpress-custom-search/
これに全てを選択チェックボックスを用意しましたが、挙動がうまくいきません。
実装したいことは以下です。
全てを選択チェックボックスを用意し、それをチェックしたら全てチェックされ、且つ全てが表示された絞り込み検索を実装したい
...
1
票
1
回答
106
閲覧数
フォームのラベルをinputタグの上に表示させるアニメーションを作りたいですがラベルの非表示の切り替え方がわかりません
フォームのラベルをフォーカスされたときにinputタグの上に表示させるアニメーションを作りたいですがラベルの非表示の切り替え方がわかりません
今のソースコードはこのようになってますが問題があります
1つはフォーカスしていないときでもラベルが非表示になっていないことです。どのようにすればうまく実装できるのかわかりませんでした
2つはラベルが2つありますが、2つとも同じ位置に行ってしまうことです。...
0
票
0
回答
63
閲覧数
bxsliderを使ったニュースティッカーがWindowをLostすると停止してしまう
下記の codepen をローカルに持ってきて動かしてみました。
codepen 9-4-1 ニュースティッカー
想定通りうまく動くのですが、ひとつだけ想定外の動きをします。
それは codepen の window はフォーカスを外れても(例えばメモ帳を起動したりしても)そのままクルクルとニュースが更新されていくのですが、ローカルで動かしている方は window ...
0
票
0
回答
87
閲覧数
jQueryのmodaal.jsで紐付けができない
aタグを使わずにbuttonでやると紐付けができないのですが、どなたかご教示いただけると嬉しいです。
<button class="js-modal" data-group="gallery" data-modaal-content-source="#content01">表示</button>
<...
0
票
0
回答
143
閲覧数
jquery draggableで複数のdivの中だけを移動する方法がわかりません
jquery uiのdraggableでbodyのdivの中だけをdrag出来るようにしたいです。
containmentを使うと良いみたいですが、
containment: '.body',
にすると、一つの.bodyの中でしかdrag出来ません。
全部の.bodyの中、つまり.headerを除いた全体で移動がしたいのですが、方法がわかりません。
snipetで確認が出来ます。
...
1
票
1
回答
141
閲覧数
jqueryでdivなどをdragしている最中にdrag対象の文字を変えてしまうとresize出来なくなってしまう
jqueryでdragしている間そのdivの内容の文字をtext()で変更すると
resizeが出来なくなってしまうのです。
詳しくはsnipetで実行してみてください。
jqueryのtext()の代わりに.get(0).innerTextに変更しても同じ現象が発生します。
text()の代わりにhtml()にしても同じ現象が発生します。
変更した後にもう一度draggable()...
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, ...
0
票
1
回答
541
閲覧数
jQuery Datatables にAPIで取得したデータベースデータが表示できない。
問題点
ソースコード上、js/index.jsにハードコードしたdata変数では Datatablesに表示ができます。
しかし、APIで取得したデータtest_dataでは表示できません。
console.logで表示したデータは、ブラウザのデベロッパーツールの表示において、どちらのデータも以下のように同じ形式にしか見えませんでした。
Attray(5)
0:{id:1,name:'A'}
...
0
票
0
回答
113
閲覧数
入力した数値の単位を項目ごとに指定する方法
初めまして
プログラミングを学んでいる者です。
どうやって実現すればいいかわからないので先輩方の力を借りたいです。
実現したいこと
各項目 A,B,C があって
Aが追加されたら数値入力の単位を0.1ずつ増減できる
Bが追加されたら数値入力の単位を0.5ずつ増減できる
Cが追加されたら数値入力の単位を1.0ずつ増減できる
というのを実現したいです。
HTML,Javascript,Jquery,...
0
票
1
回答
132
閲覧数
タブレットでChromeブラウザ でoption 要素が disabled しない
シンプルなOption要素でDisabledしたいのですが、タブレットでChromeから見るとDisabledされません。
<select name="fruits">
<option value="peach" disabled>peach</option>
<option value="apple">apple</...
0
票
1
回答
108
閲覧数
MonacaとOnsen UIで作成したアプリがメニュー切り替えすると表示されなくなる
【作成環境】
Monaca
Onsen UI
Javascript
jQuery
【作りたいアプリ】
TOPページにカレンダーを表示したい
【今起きている問題】
読み込み時はカレンダーが表示されているが、メニュー切り替えするとカレンダーが表示されない。
【確認したこと】
・リロードすると表示される
・呼び出したい関数の中に挿入したconsole....
1
票
1
回答
85
閲覧数
要素Aの数字より要素Bの数字が小さい場合に、要素Cに判定を出したい
以下のような予算(class="budget")を費用(class="cost")が上回った場合に判定結果(class="result")に「予算オーバー」と表示したいですが上手くいきません。
ご教授のほどよろしくお願いいたします。
▼HTML
<div>
<div><span class="...
0
票
1
回答
176
閲覧数
jQueryで*:contains('AAA')セレクタで要素を選択させた際に直近の要素のみを選択できるようにしたい
<table>
<tr><td>AAA</td></tr>
<tr><td>BBB</td></tr>
</table>
というHTMLがあったとして、
jQueryで
$("*:contains('AAA')").addClass('hoge');
...
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
...
0
票
0
回答
537
閲覧数
vimeo+player.jsでサイトに埋め込みした動画の視聴時間を計測したいが同じデータがいくつも作成されてしまう
サイトにvimeoをiframeで埋め込み
player.jsを利用して
再生(イベント発火⇨視聴開始した現在時刻を保存)
一時停止または動画終了(イベント発火⇨視聴終了した現在時刻を保存)」
[1]と[2]の差分をDBに保存
で視聴時間を登録しているのですが、なぜか同じデータが複数作成されるケースがあります。
ブラウザの問題の可能性も考え
PC:Chrome・Safari
iOS(15.7):...
0
票
1
回答
444
閲覧数
jQuery UIのSortableを用い、li要素並び替え後にも要素の情報を取得したい
現在Webaアプリケーションを作成しながらプログラミングの学習をしているものです。
jQueryのSortableを使用して、li要素の並び替えを行なっております。
下記のソースコードは、要素をドラッグして任意に並び替えた後、要素クリックでコンソールに、innerHTMLを出力するコードになります。
しかし、要素を並び替えた後、クリックすると違う要素の情報が取得されてしまいます。...
0
票
1
回答
1,457
閲覧数
ボタンを押すと画像がフェードイン・フェードアウトするという動作をしたい
ボタンを押すと画像がフェードイン・フェードアウトするという動作をしたいのですが、上手く繋げれていないみたいです。多分idが必要だと思うのですが、どう打ち込むのが正解でしょうか?
以下は現時点での状態です。
初心者のためまだまだ分からないことが多いですがよろしくお願い致します。
0
票
1
回答
177
閲覧数
クリックした画像を変更したい
クリックした画像をコールバック関数とアニメーションを使って変更させたいです。
以下のコードだとリストの画像をクリックするとアニメーションは適用されているのですが、画像は初期値のsample1が表示され画像の変更ができないです。
どうすればクリックした画像に変更できるでしょうか?
<body>
<main>
<h1>...
0
票
3
回答
337
閲覧数
jQueryを使って選択した画像を非同期処理で表示させたい
問題
画像を表示は出来た。
データとして、sqlのデータに保存ができていない。
確認で、抽出工程を確認すると画像を指定してあげるとできていた。
目標
laravelで画像を非同期処理でファイルから選択して表示させたい
また、他ファイルでも表示できるようにする
コメントアウトしてる方、してない方どちらも試しているが表示されない
blade
<div id="image"&...
0
票
1
回答
630
閲覧数
jQuery UI Sortable で移動範囲を指定したい
tableタグで作成した表内で、移動を制限したいと思っています。
表の最上部と最下部を「対象外(ハンドルなし)」にはできます。
しかし、他の要素を「最上部より上」「最下部より下」に移動できてしまいます。
この動きを抑制する方法はあるでしょうか?
よろしくお願いします。
<!DOCTYPE html>
<html lang="ja">
<head&...
0
票
1
回答
127
閲覧数
(this).scrollTop()の終了の仕方がわからない
普段、簡単なjQueryなどは使うのですが、複雑になるといつもつまづいてしまいます。
どなたか下記の動作を実現するにはどう作ればいいのか方法を教えていただきだいです。
やりたいこと
ある高さまでスクロールしたら画像に追従用のclassを追加
上にスクロールして画像が元からあった場所まで戻ってきたら追従用のclassを外す
画像が追従中、画像をクリックしたら追加したclassを外す(...
0
票
0
回答
241
閲覧数
リンクのアドレスを取得したい
拡張機能を作成しようとしています。
リンクを右クリックし、コンテキストメニューに追加した新しい項目をクリックしたときに、リンクのアドレスを取得したいです。
現時点では、右クリックをしたらコンテキストメニューに項目が追加されるようにはなっているのですが、クリックしたリンクのアドレスを取得する方法が分かりません。わかる方いらしましたら、お手数をおかけしますがよろしくお願いします。
現時点でのコードです↓...
0
票
1
回答
299
閲覧数
jQueryとjQuery UI でアニメをさせたところ,何故か無限に繰り返してしまう
要約
jQueryとjQueryUIを用いて,マウスオーバーすると色が変わり,マウスアウトすると元に戻るアニメをつけようとしていたところ,.stop()の付け方によっては無限の繰り返しが発生してしまうことがわかりました.しかし,考えても原因がわかりません.
マウスを動かしていないのにmouseoverイベントが繰り返し発生しているようなのですが,それはおかしなことだと思います.
...
-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"...
0
票
0
回答
1,535
閲覧数
JSONのデータを取得してHTMLの要素に入れたい
data.jsonというJSONのデータを取得して、データ内に入っている名前、住所、仕事内容のデータをindex.htmlのHTML内のcontents--tableの中に挿入したいのですが、data.jsonのデータすら読み取る事に失敗してしまいます。どのようなコードを打てば実装できるでしょうか。script.jsの中にコードをうちます。(script.jsの中にはまだ何も入ってません。)
...
0
票
0
回答
158
閲覧数
ページネーションのページを変えると(次のページに行くと)、ループ機能の一部がおかしくなってしまう。
WordPressでアーカイブページを作成しています。
他のサイトで、答えていただけませんでしたのでマルチポストにします、すいません。
https://teratail.com/questions/r0uwzlzi1q5s1q
https://qiita.com/keikkkk/questions/70a529fdd4e210698baf
また、...
0
票
1
回答
191
閲覧数
ページネーションを作成していますが、jQueryが上手く設定できません
WordPressでサイトを作成しています。
アーカイブページで、ページネーションを入れたいです。
下記サイトの通りにやっていますがうまくいきません。
https://shanabrian.com/web/jquery/pagination.php
実際にやってみると表示されるサイトが10で、ページネーションのリンクの数も3とか5とかが、理想ですが、1つしかリンク(...
0
票
1
回答
199
閲覧数
ページネーションを作成することができません。
初心者です。急ぎですのでこれからマルチポストです。
https://teratail.com/questions/exowk0f9j67yso
https://qiita.com/keikkkk/questions/106ae1cdb1284d92041a
WordPressでサイトを制作しています。
アーカイブページのページネーションを作成するため、下記サイトを参考にしています。
https://...
0
票
0
回答
244
閲覧数
PHPでCometを実装したとき、たまにデータを出力しない
やっていること
PHPでCometによるチャットシステムを作成しています。
// このご時世になんでWebSocketを使わないんだ? という話はなしでお願いします。
概ねはうまく動くのですが、時々PHPが情報を吐き出してくれないことがあり、どうにかならないかお尋ねしたいです。
構造
ページはinput.html, output.html, comet.php, chat.txt, ...
0
票
1
回答
213
閲覧数
ウェブサイトをどのiPadの機種(〇世代、Air/Proなど)で見ているか判定する方法は?
私のサイトはiPadの様々な機種で閲覧することを想定しています。
タイトルのように、今どの機種のiPadでウェブサイトを閲覧しているか判定する必要に迫られています。iPad Airなのか、Proなのか、それは何世代なのか?
JavaScriptかJqueryどちらかで調べたいと考えています。
使用機種のOSはすべてiPadOS 13~15のいずれかが想定されるので、...
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
発生している問題・エラーメッセージ
参考サイトでは、...
0
票
0
回答
510
閲覧数
親要素にTransformを指定した場合の画面固定について
ウェブサイトの制作初心者、初質問です。
ページのヘッダーを画面の先頭にposition:fixedで固定していたのですが、
サイトがスマホのみのレイアウトのためpcでみた時は少し大きく表示したいとのオーダーがあり、
zoomプロパティはfirefoxで使えないためhtml要素にtransform:scale();を使って画面幅が768px以上の時は1.25倍で表示するようにしました。
@media ...
0
票
1
回答
740
閲覧数
閉じるボタン(X)が、元のハンバーガーボタン(三本線)戻らない問題を解決したい
実現したいこと
【jQuery・ハンバーガーメニュー】 閉じるボタン(X)を、元のハンバーガーボタン(三本線)に戻したいです
状況の説明
jQueryでハンバーガーメニューを実装しています。
スマホナビが開いている状況で、リンクをクリックすると、
スマホナビが閉じて
リンク先のセクションにスムーススクロールされます
ここまでは良いのですが、閉じるボタン(X)が、元のハンバーガーボタン(三本線)...
0
票
1
回答
553
閲覧数
Rails でいいねの create アクションが実行されない
※他のサイトでも同様の質問を行っています。解決後はそれぞれ更新致します。よろしくお願いします。
https://teratail.com/questions/av2uvajgpeg8dy
前提・実現したいこと
投稿された質問(post)に対して回答したコメント(comment)に非同期通信でいいね(good)を押す機能を実装したいです。
発生している問題・エラーメッセージ
...
0
票
1
回答
108
閲覧数
jqueryでサイドバーのリンククリックによるスムーススクロールをしたい
jsfiddleをご覧ください。:https://jsfiddle.net/ac189xhn/
メインコンテンツを掲載する部分とサイドバーの2か所からなるページを作ります。
サイドバーのリンクをクリックすると、そのhrefに記載したidと同じメインコンテンツのsectionタグへとスムーススクロールできるようにしたいのですが、現状ですと2回同じリンクをクリックした時や、...
0
票
0
回答
102
閲覧数
最初に読み込む背景画像の表示時間を短くしたい
jsファイルでトップページの画像ファイルだけを最初に2秒程度表示して、そこからトップページを表示していますが、
トップページの画像ファイルの表示時間を一瞬だけ(0.5秒以内)にするにはどのようにすればいいでしょうか。
(function($){
$(function() {
if($.cookie("access") == undefined) {
$...
0
票
1
回答
315
閲覧数
フォームの入力内容が一致しないときにメッセージを表示させたい
メールフォームの作成において二つのメールアドレスが一致しないときにエラーメッセージを表示させたいのですがJavaScriptが全く機能していません。どこのコードをまちがえているのか解決法とともに教えていただきたいです。
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
...
1
票
1
回答
799
閲覧数
webpack での jquery の $ 変数の扱いについて
jquery-ui と jquery.validationEngine を同時に使いたいのですがうまくいきません
どちらも $ っていう変数に対してメソッドを追加してるんだと思うんですが片方を使うともう片方が使えなくなります
jquery-ui は公式サイトダウンロードビルダーから zip ダウンロードしたものを
app/javascript/vendor/jquery-ui
に展開
...
0
票
1
回答
280
閲覧数
slick sliderのslideToShowの値をスワイプする度にランダムに変更させたいです。
こんにちは。wordpressでサイト制作をしていて、スライダーにはプラグインの"slick slider"を使用しています。
***実現したいこと***
スワイプ、またはスライドが切り替わるたびに表示させる画像の数を変更したいです。
表示させたい枚数の範囲は、1−2枚です。
例)スライド => 画像2枚表示,
2回目スライド => 画像1枚表示、
3回目スライド =...
0
票
1
回答
5,515
閲覧数
jQuery で $ is not defined とエラー表示される
jQueryを用いたカレンダーの作成をしているのですが $ is not defined のエラーが表示されてしまいコンソールでのaddColumnHeaders,addCalenderDates,addGameInfo の呼び出し及びブラウザへの行事の内容の表示が実行されません。jQueryの読み込みができていないのでしょうか。解決方法を含め、ご回答よろしくお願いします。
<!...
0
票
0
回答
807
閲覧数
選択された曜日によって表示する時間を変更したいです。
現在レストランのサイトを制作しています。コンタクトフォームでユーザーが予約したい日付と時間帯を選択できるように"jquery UIのdatetimepicker"を使用しています。
実現したいこと
選択された曜日によって表示する時間を変更したいです。
コードにも書いてありますが、
例)月、水、木、金曜日を選択 => 予約可能な時間は、'17:30', "17:...
0
票
1
回答
277
閲覧数
jqueryでhtmlのtableタグを作成、追加すると余計な表のセルが追加されて表示されてしまいます。
神経衰弱を作っていたのですが、表を作成してHTMLの方に表示すると余計なtdタグが入ってしまいます。
おかしくなるあたりの流れは以下の通りです。
・山札の配列作成
・山札をシャッフル
・横8、縦7でtableタグを作成(山札をループして、横と縦をそれぞれ変数に入れてif文で初期化などをする)
・tableタグをHTMlに反映
上記の流れの最後で反映させると、なぜかtdタグが二倍になります。
[...
1
票
1
回答
98
閲覧数
ホバーでの画面のゆれと画像の重なりをなくしたい
文字枠をホバーすると対応して画像が切り替わるのですが、SP画面の一番上(ノーズワイヤー)のところだけデフォルトの画像が重なります。枠の真ん中だと大丈夫なのですが、上辺に近づくと枠がブルブルゆれたり、デフォルトの画像と重なったりします。PCは大丈夫です。
jqueryはSPとPCで書き分けたりしていないので、CSSなのかなと思うのですが見つけられずにいます。お力をいただければと思います。...
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 ...
0
票
0
回答
146
閲覧数
Rails での jqueryを使用し、HTMLから値を取り出す方法について
ruby,ruby on rails, JavaScript初学者です。
飲食店の予約サイトを作成中です。
rails6.0.0において、jqueryを使用し、添付写真のコースプルダウンを選ぶと、一人当たりのお支払いを出力し、人数と入力したら、一人当たりのお支払い×人数の値を出力したいです。
以下コードにて一人当たりのお支払いを出力したいのですが、エラーが発生してしまいます。
※現状コードでは、...
1
票
1
回答
443
閲覧数
DOM を変更せずに ajax 送信時にパラメータを追加したい
Rails で作ったフォームのサブミット時に
JS 上に動的にもってるデータを追加して送信したいです
https://api.jquery.com/ajaxSend/
これでできそうな気がしたんですが
$( document ).ajaxSend(function() {
console.log('ajaxSend');
});
とかいても console.log が表示されません
$('...
0
票
1
回答
342
閲覧数
jQueryのクリックイベントのみ動かなくなりました
昨日まで正常に動いたコードが今朝動かなくなってしまいました。
selectで選択するとボタンの値が変更され、間にconsole.logなどを入れるとそれも表示されるのでJavascript自体は正常に動いています。
しかしjsファイルの一番最後の行のclickイベントだけが動きません。
clickイベントの中にconsole.logを入れても何も表示されないため、...