[jquery] タグが付いた質問
jQueryとは、ジョン・レシグによって開発された、JavaScriptのライブラリである。エレメントの指定がCSSセレクタと同様の記述で選択ができる。「$」を「jQuery」のエイリアスとして定義されており、関数の呼び出しを容易にしている。また、関数をチェーンさせることで、より柔軟な操作が可能となっている。
630
質問
0
票
0
回答
17
閲覧数
「Translate wordpress with gtranslate」のプルダウン非表示について
初心者のブロガー、且つ初歩的な質問で大変お恥ずかしいですが、
親切な方、ご教示いただけますと幸いです。
【質問】
「Translate wordpress with gtranslate」のプルダウン非表示について
【前提】
・「The Thor」のテーマを使用している。
・「アッキーのブログ」を運用している。
※現在、編集中でして、大変お恥ずかしいです。。
【実現したかったケース】
...
0
票
0
回答
66
閲覧数
JSONのデータを取得してHTMLの要素に入れたい
data.jsonというJSONのデータを取得して、データ内に入っている名前、住所、仕事内容のデータをindex.htmlのHTML内のcontents--tableの中に挿入したいのですが、data.jsonのデータすら読み取る事に失敗してしまいます。どのようなコードを打てば実装できるでしょうか。script.jsの中にコードをうちます。(script.jsの中にはまだ何も入ってません。)
...
0
票
0
回答
64
閲覧数
ページネーションのページを変えると(次のページに行くと)、ループ機能の一部がおかしくなってしまう。
WordPressでアーカイブページを作成しています。
他のサイトで、答えていただけませんでしたのでマルチポストにします、すいません。
https://teratail.com/questions/r0uwzlzi1q5s1q
https://qiita.com/keikkkk/questions/70a529fdd4e210698baf
また、...
0
票
1
回答
120
閲覧数
ページネーションを作成していますが、jQueryが上手く設定できません
WordPressでサイトを作成しています。
アーカイブページで、ページネーションを入れたいです。
下記サイトの通りにやっていますがうまくいきません。
https://shanabrian.com/web/jquery/pagination.php
実際にやってみると表示されるサイトが10で、ページネーションのリンクの数も3とか5とかが、理想ですが、1つしかリンク(...
0
票
1
回答
88
閲覧数
ページネーションを作成することができません。
初心者です。急ぎですのでこれからマルチポストです。
https://teratail.com/questions/exowk0f9j67yso
https://qiita.com/keikkkk/questions/106ae1cdb1284d92041a
WordPressでサイトを制作しています。
アーカイブページのページネーションを作成するため、下記サイトを参考にしています。
https://...
0
票
0
回答
48
閲覧数
PHPでCometを実装したとき、たまにデータを出力しない
やっていること
PHPでCometによるチャットシステムを作成しています。
// このご時世になんでWebSocketを使わないんだ? という話はなしでお願いします。
概ねはうまく動くのですが、時々PHPが情報を吐き出してくれないことがあり、どうにかならないかお尋ねしたいです。
構造
ページはinput.html, output.html, comet.php, chat.txt, ...
0
票
1
回答
118
閲覧数
ウェブサイトをどのiPadの機種(〇世代、Air/Proなど)で見ているか判定する方法は?
私のサイトはiPadの様々な機種で閲覧することを想定しています。
タイトルのように、今どの機種のiPadでウェブサイトを閲覧しているか判定する必要に迫られています。iPad Airなのか、Proなのか、それは何世代なのか?
JavaScriptかJqueryどちらかで調べたいと考えています。
使用機種のOSはすべてiPadOS 13~15のいずれかが想定されるので、...
0
票
1
回答
61
閲覧数
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
回答
43
閲覧数
親要素にTransformを指定した場合の画面固定について
ウェブサイトの制作初心者、初質問です。
ページのヘッダーを画面の先頭にposition:fixedで固定していたのですが、
サイトがスマホのみのレイアウトのためpcでみた時は少し大きく表示したいとのオーダーがあり、
zoomプロパティはfirefoxで使えないためhtml要素にtransform:scale();を使って画面幅が768px以上の時は1.25倍で表示するようにしました。
@media ...
0
票
0
回答
175
閲覧数
ハンバーガーメニューを開いている最中bodyはスクロールしない設定にしていたが、メニュー内のドロップダウンを開いた時メニュー内だけでなくbodyもスクロールしてしまいます
html、cssがすこし触れる程度でjavascriptは主にコピペで使用している初心者です。
スマホでハンバーガーメニューを作成した際、
メニューを全画面で開いた時に隠れているbody全体はスクロールしないようjQueryで設定していましたが、
メニューの中身がドロップダウンで開くようになるとbodyのスクロールが復活してしまいました。
...
0
票
1
回答
191
閲覧数
閉じるボタン(X)が、元のハンバーガーボタン(三本線)戻らない問題を解決したい
実現したいこと
【jQuery・ハンバーガーメニュー】 閉じるボタン(X)を、元のハンバーガーボタン(三本線)に戻したいです
状況の説明
jQueryでハンバーガーメニューを実装しています。
スマホナビが開いている状況で、リンクをクリックすると、
スマホナビが閉じて
リンク先のセクションにスムーススクロールされます
ここまでは良いのですが、閉じるボタン(X)が、元のハンバーガーボタン(三本線)...
0
票
1
回答
124
閲覧数
Rails でいいねの create アクションが実行されない
※他のサイトでも同様の質問を行っています。解決後はそれぞれ更新致します。よろしくお願いします。
https://teratail.com/questions/av2uvajgpeg8dy
前提・実現したいこと
投稿された質問(post)に対して回答したコメント(comment)に非同期通信でいいね(good)を押す機能を実装したいです。
発生している問題・エラーメッセージ
...
0
票
1
回答
62
閲覧数
jqueryでサイドバーのリンククリックによるスムーススクロールをしたい
jsfiddleをご覧ください。:https://jsfiddle.net/ac189xhn/
メインコンテンツを掲載する部分とサイドバーの2か所からなるページを作ります。
サイドバーのリンクをクリックすると、そのhrefに記載したidと同じメインコンテンツのsectionタグへとスムーススクロールできるようにしたいのですが、現状ですと2回同じリンクをクリックした時や、...
0
票
0
回答
76
閲覧数
スタイルシートが反映されない
CSSが反映されず文字と写真が別々に表示されてしまいます。また、firefoxで開くと Layout was forced before the page was fully loaded. If stylesheets are not yet loaded this may cause a flash of unstyled content....
0
票
0
回答
53
閲覧数
Previous, Next ボタンの代わりに矢印を表示させたい
SlickでPrevious, Next ボタンが表示されます。Previous, Next ボタンの代わりに矢印を表示するにはどうすればよいでしょうか。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<...
0
票
0
回答
118
閲覧数
HTML input 検索ボックス半角英数字が反応しない。
検索ボックスで半角英数字を入力し検索をしても検索ができない。
ひらがなや漢字であれば検索文字を受け取って検索するのですが、半角英数字だと反応しません。
半角英数字の判定などは特に入れていないのですが、反応しなくなる理由がわからずにいます。
どなたかご教授いただける方いらっしゃいますでしょうか?
よろしくお願いします。
<div class="menu-search-wrap&...
0
票
0
回答
71
閲覧数
最初に読み込む背景画像の表示時間を短くしたい
jsファイルでトップページの画像ファイルだけを最初に2秒程度表示して、そこからトップページを表示していますが、
トップページの画像ファイルの表示時間を一瞬だけ(0.5秒以内)にするにはどのようにすればいいでしょうか。
(function($){
$(function() {
if($.cookie("access") == undefined) {
$...
0
票
1
回答
71
閲覧数
フォームの入力内容が一致しないときにメッセージを表示させたい
メールフォームの作成において二つのメールアドレスが一致しないときにエラーメッセージを表示させたいのですがJavaScriptが全く機能していません。どこのコードをまちがえているのか解決法とともに教えていただきたいです。
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
...
2
票
1
回答
262
閲覧数
webpack での jquery の $ 変数の扱いについて
jquery-ui と jquery.validationEngine を同時に使いたいのですがうまくいきません
どちらも $ っていう変数に対してメソッドを追加してるんだと思うんですが片方を使うともう片方が使えなくなります
jquery-ui は公式サイトダウンロードビルダーから zip ダウンロードしたものを
app/javascript/vendor/jquery-ui
に展開
...
0
票
1
回答
137
閲覧数
slick sliderのslideToShowの値をスワイプする度にランダムに変更させたいです。
こんにちは。wordpressでサイト制作をしていて、スライダーにはプラグインの"slick slider"を使用しています。
***実現したいこと***
スワイプ、またはスライドが切り替わるたびに表示させる画像の数を変更したいです。
表示させたい枚数の範囲は、1−2枚です。
例)スライド => 画像2枚表示,
2回目スライド => 画像1枚表示、
3回目スライド =...
0
票
1
回答
195
閲覧数
jQuery で $ is not defined とエラー表示される
jQueryを用いたカレンダーの作成をしているのですが $ is not defined のエラーが表示されてしまいコンソールでのaddColumnHeaders,addCalenderDates,addGameInfo の呼び出し及びブラウザへの行事の内容の表示が実行されません。jQueryの読み込みができていないのでしょうか。解決方法を含め、ご回答よろしくお願いします。
<!...
0
票
0
回答
198
閲覧数
選択された曜日によって表示する時間を変更したいです。
現在レストランのサイトを制作しています。コンタクトフォームでユーザーが予約したい日付と時間帯を選択できるように"jquery UIのdatetimepicker"を使用しています。
実現したいこと
選択された曜日によって表示する時間を変更したいです。
コードにも書いてありますが、
例)月、水、木、金曜日を選択 => 予約可能な時間は、'17:30', "17:...
0
票
1
回答
87
閲覧数
jqueryでhtmlのtableタグを作成、追加すると余計な表のセルが追加されて表示されてしまいます。
神経衰弱を作っていたのですが、表を作成してHTMLの方に表示すると余計なtdタグが入ってしまいます。
おかしくなるあたりの流れは以下の通りです。
・山札の配列作成
・山札をシャッフル
・横8、縦7でtableタグを作成(山札をループして、横と縦をそれぞれ変数に入れてif文で初期化などをする)
・tableタグをHTMlに反映
上記の流れの最後で反映させると、なぜかtdタグが二倍になります。
[...
1
票
1
回答
92
閲覧数
ホバーでの画面のゆれと画像の重なりをなくしたい
文字枠をホバーすると対応して画像が切り替わるのですが、SP画面の一番上(ノーズワイヤー)のところだけデフォルトの画像が重なります。枠の真ん中だと大丈夫なのですが、上辺に近づくと枠がブルブルゆれたり、デフォルトの画像と重なったりします。PCは大丈夫です。
jqueryはSPとPCで書き分けたりしていないので、CSSなのかなと思うのですが見つけられずにいます。お力をいただければと思います。...
0
票
0
回答
1,086
閲覧数
「メインスレッドでの同期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
回答
81
閲覧数
Rails での jqueryを使用し、HTMLから値を取り出す方法について
ruby,ruby on rails, JavaScript初学者です。
飲食店の予約サイトを作成中です。
rails6.0.0において、jqueryを使用し、添付写真のコースプルダウンを選ぶと、一人当たりのお支払いを出力し、人数と入力したら、一人当たりのお支払い×人数の値を出力したいです。
以下コードにて一人当たりのお支払いを出力したいのですが、エラーが発生してしまいます。
※現状コードでは、...
1
票
1
回答
102
閲覧数
DOM を変更せずに ajax 送信時にパラメータを追加したい
Rails で作ったフォームのサブミット時に
JS 上に動的にもってるデータを追加して送信したいです
https://api.jquery.com/ajaxSend/
これでできそうな気がしたんですが
$( document ).ajaxSend(function() {
console.log('ajaxSend');
});
とかいても console.log が表示されません
$('...
0
票
1
回答
80
閲覧数
jQueryのクリックイベントのみ動かなくなりました
昨日まで正常に動いたコードが今朝動かなくなってしまいました。
selectで選択するとボタンの値が変更され、間にconsole.logなどを入れるとそれも表示されるのでJavascript自体は正常に動いています。
しかしjsファイルの一番最後の行のclickイベントだけが動きません。
clickイベントの中にconsole.logを入れても何も表示されないため、...
1
票
1
回答
104
閲覧数
メニューをクリックするとメニュー文字が動いてしまう
メニューをクリックすると画像がメニュー文字の背後に出てくるものを作ったのですが、画像が出てくると同時に文字が左に押し出されてしまって不自然になってしまっています。z-indexで上下をいじってみたりしましたがよくわからず…わかる方ご教示していただけると助かります。画像が出てくるのはjQueryでクラスをつけたり消したりする処理をしています。
<!DOCTYPE html>
<...
0
票
1
回答
74
閲覧数
動く背景がクリックすると表示され、別のものをクリックするとそちらに動く背景が移るメニューを作りたい
クリックしてアクティブにしたリンクの背景にだけ、ふわふわと動く背景画像を出現させたいです。
cssだけでできないかと調べてlabelを試して失敗し、jqueryでクラスを付け替えることを試しましたがうまくいきません。
コードは以下
<!DOCTYPE html>
<html lang="ja">
<head>
<meta ...
0
票
1
回答
598
閲覧数
Ajaxを用いて非同期でコメント機能を実装したのですが、コメント投稿後、render処理でTemplate is missingエラーが表示されてしまう
環境
ruby 2.7.2
rails 6.1
macOS
前提
下記の記事を参考に、非同期でのコメント投稿機能を実装いたしました。
[Rails] Ajaxを用いて非同期でコメント機能の実装
解決したいこと
コメント投稿機能を非同期で実装させたいです!
試したこと
renderで問題が発生しているため、render :indexを仮でredirect_to root_pathと変更した所、...
0
票
0
回答
39
閲覧数
jqgridで期間を設定したい
jqgridで日付を含むデータセットを扱いたいと考えています。
データの表示範囲を開始日から終了日で選択できるようにしたいです。
datepickerが使用できることは把握しているのですが、自至で選択する方法が分かっていません。
ツールバーにdatepickerを表示して開始日・終了日を指定してデータを絞り込みたいです。
ご教示いただければ幸いです。
0
票
0
回答
60
閲覧数
スライドのページ切り替え時に、.hide() が機能しない。
背景
モーダルにて表示されるスライド機能を作成致しました。
スライドの大まかな機能としては以下の通りです。
「←前へ」「次へ→」のボタンがあり、クリックすると表示されるページが切り替わる。
1, 2, 3のページ番号もあり、クリックすると該当のページに表示が切り替わる。
スライドが最初か最後のページである場合、「←前へ」「次へ→」ボタンの表示がそれぞれ消える。
以下のコードで実装致しましたが、...
0
票
0
回答
56
閲覧数
スライドショー、フェードデザインのカスタマイズについて
https://shinsoken.jp/
上記のサイトのトップページのスライドショーのように、フェードのなかで一瞬白くなるように実装したいです。
ただのふわっとするフェードならできるのですが、白くするやり方が分かりませんでした。
https://hikarutest.space/
↑こちらのページのスライドショーをカスタマイズしたいです。
すみませんが、どなたか教えていただきたいです。
★...
0
票
0
回答
65
閲覧数
JavaScript の .load で HTML を読み込んだ際に、一部の CSS が機能しません
サイドエリアに、追従するナビゲーションを、cssのstickyを用いて実装してるのですが、.load で読み込んでもstickyがききません。
ソースは以下のようにしているのですが、解決方法をお分かりの方がいらっしゃいましたらご教示いただけたら嬉しいです。
index.html
<div id="side-area"></div>
css ファイル
....
0
票
0
回答
66
閲覧数
POSTMANを使用したAPI開発
fuelphpのAPI開発でpostmanを使用しています。
開発中はパラメータをjsonで受け取るように設定し、POSTMANからGETメソッドでリクエストする際もBodyタブ-raw-jsonを指定しリクエストを送信しています。
php側ではInput::json()を使用してパラメータを取得しています。
開発中は上記方法で問題なくパラメータの受け取りができていたのですが、...
0
票
0
回答
137
閲覧数
Docker「jwilder/nginx-proxy」の複数のドメイン間でのCORSエラー
Windows10上、wslのdockerでjwilder/nginx-proxyのイメージを使用し、複数のvhostでアプリケーションを作成しています。現在フロント用コンテナのjqueryからfetch(URL, {mode: 'cors'})を使用し、別コンテナのFuelPHPに向けてAPIリクエストを送信しています。
ブラウザには以下のエラーが表示され通信ができません。
Access to ...
0
票
1
回答
201
閲覧数
element.styleの値を取得できない
WordPressで作成しているサイトに、jQuery/JavaScriptでcssのleft、top、transform:scaleを操作するかたちで、画像を左右、拡大縮小できる機能をつくりました。
さらに、上記の値を取得したいのですが、値は「element.style」に反映されており、取得がうまくいきません。
この「element.style」の値を取得する方法を教えていただけますでしょうか?...
0
票
1
回答
64
閲覧数
JQueryのセレクタの書き方
初心者です.すみませんが、セレクタの書き方教えてください.
<article id="manual-index" class="terms">
<div class="manual-content-wrapper">
<ul class="...
0
票
0
回答
178
閲覧数
Cookieを削除しても、ローカルストレージを恒久的に保存(復元)するには
簡易的なメモ帳を作成しました。
完成した直後には自分でも満足のいくような内容にも思えたのですが、いざ使ってみると、
現状の書き方ではCookieの消去で都度、完全にデータが削除されてしまいます。
Cookieを削除しても内容を復元できるメモ帳を作成したいのですが、どのように添削するとそれが可能になりますか?
また、そもそもフロントエンドだけで出来ることの限界であるとするならば、...
0
票
0
回答
137
閲覧数
本番環境にjqueryが読み込めない
ホームページにスムーススクロールを入れたくてindex.htmlのhead内に以下のコードを書きました。
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
&...
0
票
1
回答
123
閲覧数
JavaScriptで.loadしたheaderにcssが適用されない
ホームページのheaderを
<script>
//共通パーツ読み込み
$(function() {
$("#header").load("components/header.html");
});
</script>
で読み込み
<div id="header"></div&...
0
票
2
回答
934
閲覧数
ajax の then の function 中から 返り値を受け取りたい
Ajax(jQuery) で then または done 内の function からの返り値を、then 以降の後続のプログラムで使用したいのですが、上手くいきません。
result.then 自体を return してみたり、色々してみましたのですが、、、恥ずかしながらわかりません。
Ajax 自体の通信はできている前提です。
恐れ入りますが、どなたかご教示いただけましたら幸いです。
以下、...
0
票
1
回答
121
閲覧数
wordpress上でのアコーディオンが動かない
前提・実現したいこと
webサイト上でのアコーディオン実装
発生している問題・エラーメッセージ
質問をクリックするとその答えがスライドして表示/非表示されるはずが、
なぜかそうならないのです。
どういじれば、動きますか?
該当のソースコード
htmlファイル
<div class="container">
<div class=&...
0
票
1
回答
77
閲覧数
TypeError: jquery_1.default(...).bootpag is not a function で落ちてしまいます.
このJQueryは何をやっているんでしょう?? の続きです.
検索を行って結果を表示、検索結果の下にbootpag(https://botmonster.com/jquery-bootpag/)を使用して、検索結果のページナビゲーションを表示しようとしています.
bootpagのインストール
npm install --save bootpag
でプロジェクトにインストールしました.
...
0
票
1
回答
98
閲覧数
このJQueryは何をやっているんでしょう??
Webのパブリッシングフレームワークのカスタマイズをやっています.既存のコードを見ながらカスタマイズしてゆかなければならないんですが、JavaScript、JQuery、TypeScriptとも初心者でわからないことだらけです.
端的にいいますと以下のコードは何をやっているのかがよくわかりません.
if (totalPageNumber > 1) {
/...
0
票
1
回答
423
閲覧数
jQueryにてdiv要素にキー入力を代行させる方法
やりたいこと
下記のdiv要素である"down"をクリックしている間は、下矢印キーを押し続けている扱いにする方法はないでしょうか?
試す限りでは押し続けている判定は、onmousedownを使えば出来そうですが、javascriptに「キー入力を代わりに入力させる」方法がわかりません。
<div class="down">
<h1&...
0
票
1
回答
163
閲覧数
jQuery .each() .find()を用いた特定要素、属性値取得について
jQueryを用いて、以下HTMLより
「hoge1hoge1_2 数量:1 , hoge2hoge2_2 数量:2 , hoge3hoge3_2 数量:3 ...」と
class="boxlist_"内にあるclass="list_"分だけ繰り返しで、
特定属性のみピックアップし文字列が連結されreturn値を返したい次第です。
なお、...
0
票
0
回答
254
閲覧数
Uncaught TypeError: Cannot read property 'offsetTop' of undefinedと出てページ遷移させることができません。
ページ内でのaタグによるスクロールを作っているのですが、上記のエラーが出てスクロールがされません。
この原因はなんでしょうか?
ちなみにスクロールするたびにエラーが出て増えていきます。
設置箇所はヘッダーのナブバーのところでレスポンシブ対応の時にハンバーガーメニューを押すとモーダルが表示されるのですが、
モーダルが出た後のaタグを押した後にスクロールの移動がされません。
モーダル出る前でしたら、...
0
票
0
回答
130
閲覧数
highchartsのグラフ描画について
highchartsでグラフを描いています。
棒グラフのデータの数は2つだったり、1つだったりします。例えば、data: [29.9, 71.5]がdata: [71.5]の場合があります。
棒グラフとX軸のラベル(JanやFeb)の位置があってる状態で右揃えで表示したいのですが、どのようにすればいいでしょうか?
あともうひとつラインチャートを追加した状態で右揃えにしたいのですが可能ですか?
...