[jquery] タグが付いた質問
jQueryとは、ジョン・レシグによって開発された、JavaScriptのライブラリである。エレメントの指定がCSSセレクタと同様の記述で選択ができる。「$」を「jQuery」のエイリアスとして定義されており、関数の呼び出しを容易にしている。また、関数をチェーンさせることで、より柔軟な操作が可能となっている。
640
質問
0
票
1
回答
66
閲覧数
JQueryのセレクタの書き方
初心者です.すみませんが、セレクタの書き方教えてください.
<article id="manual-index" class="terms">
<div class="manual-content-wrapper">
<ul class="...
0
票
0
回答
216
閲覧数
本番環境に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
回答
296
閲覧数
JavaScriptで.loadしたheaderにcssが適用されない
ホームページのheaderを
<script>
//共通パーツ読み込み
$(function() {
$("#header").load("components/header.html");
});
</script>
で読み込み
<div id="header"></div&...
0
票
2
回答
2,825
閲覧数
ajax の then の function 中から 返り値を受け取りたい
Ajax(jQuery) で then または done 内の function からの返り値を、then 以降の後続のプログラムで使用したいのですが、上手くいきません。
result.then 自体を return してみたり、色々してみましたのですが、、、恥ずかしながらわかりません。
Ajax 自体の通信はできている前提です。
恐れ入りますが、どなたかご教示いただけましたら幸いです。
以下、...
0
票
1
回答
329
閲覧数
wordpress上でのアコーディオンが動かない
前提・実現したいこと
webサイト上でのアコーディオン実装
発生している問題・エラーメッセージ
質問をクリックするとその答えがスライドして表示/非表示されるはずが、
なぜかそうならないのです。
どういじれば、動きますか?
該当のソースコード
htmlファイル
<div class="container">
<div class=&...
0
票
1
回答
139
閲覧数
TypeError: jquery_1.default(...).bootpag is not a function で落ちてしまいます.
このJQueryは何をやっているんでしょう?? の続きです.
検索を行って結果を表示、検索結果の下にbootpag(https://botmonster.com/jquery-bootpag/)を使用して、検索結果のページナビゲーションを表示しようとしています.
bootpagのインストール
npm install --save bootpag
でプロジェクトにインストールしました.
...
0
票
1
回答
110
閲覧数
このJQueryは何をやっているんでしょう??
Webのパブリッシングフレームワークのカスタマイズをやっています.既存のコードを見ながらカスタマイズしてゆかなければならないんですが、JavaScript、JQuery、TypeScriptとも初心者でわからないことだらけです.
端的にいいますと以下のコードは何をやっているのかがよくわかりません.
if (totalPageNumber > 1) {
/...
0
票
1
回答
815
閲覧数
jQueryにてdiv要素にキー入力を代行させる方法
やりたいこと
下記のdiv要素である"down"をクリックしている間は、下矢印キーを押し続けている扱いにする方法はないでしょうか?
試す限りでは押し続けている判定は、onmousedownを使えば出来そうですが、javascriptに「キー入力を代わりに入力させる」方法がわかりません。
<div class="down">
<h1&...
0
票
1
回答
313
閲覧数
jQuery .each() .find()を用いた特定要素、属性値取得について
jQueryを用いて、以下HTMLより
「hoge1hoge1_2 数量:1 , hoge2hoge2_2 数量:2 , hoge3hoge3_2 数量:3 ...」と
class="boxlist_"内にあるclass="list_"分だけ繰り返しで、
特定属性のみピックアップし文字列が連結されreturn値を返したい次第です。
なお、...
0
票
0
回答
525
閲覧数
Uncaught TypeError: Cannot read property 'offsetTop' of undefinedと出てページ遷移させることができません。
ページ内でのaタグによるスクロールを作っているのですが、上記のエラーが出てスクロールがされません。
この原因はなんでしょうか?
ちなみにスクロールするたびにエラーが出て増えていきます。
設置箇所はヘッダーのナブバーのところでレスポンシブ対応の時にハンバーガーメニューを押すとモーダルが表示されるのですが、
モーダルが出た後のaタグを押した後にスクロールの移動がされません。
モーダル出る前でしたら、...
0
票
0
回答
213
閲覧数
highchartsのグラフ描画について
highchartsでグラフを描いています。
棒グラフのデータの数は2つだったり、1つだったりします。例えば、data: [29.9, 71.5]がdata: [71.5]の場合があります。
棒グラフとX軸のラベル(JanやFeb)の位置があってる状態で右揃えで表示したいのですが、どのようにすればいいでしょうか?
あともうひとつラインチャートを追加した状態で右揃えにしたいのですが可能ですか?
...
0
票
1
回答
198
閲覧数
JQueryのautocompleteがTypeScriptで認識されません
TypeScript, Jqueryとも初心者です.
現象
以下のようなTypeScriptのコードを書き始めたのですが、autocompleteのところで、
Property 'autocomplete' does not exist on type 'JQuery'.ts(2339)
のエラーになってしまい前に進めません.(なのでプログラムはほとんど書きかけの状態です⇒正しくはないでしょう)...
0
票
1
回答
174
閲覧数
Tampermonkeyでyoutubeのチャンネル名を取得する方法
前提・実現したいこと
youtubeで特定のチャンネルだけ見れるようにしたく、Tampermonkey(Javascript)でyoutubeのチャンネル名を取得し、それがホワイトリストのものと適合しなかったらウインドウを閉じる(見えなくする)というコードを動かそうとしています。
tampermonkeyのコードが転がっていたので流用したかったのですが、正しく動きません。
発生している問題・...
0
票
1
回答
162
閲覧数
sliderProスライド画像が少しだけ下がってしまう。
前回投稿したのですが、良い回答がいただけなかったので、再編集しました。
スニペットは拡大して確認していただけると幸いです。
まだ、スニペットでまだ表現できていない部分があるので合わせてわかる方ご教授お願いします。
1.スニペットでは<{section name=i loop=5}>が効いていません。本番環境ではループで画像を取得する処理が入っています。...
0
票
1
回答
241
閲覧数
asp.NET MVC ローカライズの多言語切り替えボタンをつけたい
環境 ASP.NETMVC C# HTML CSS jquery3.3.1 postgres4
https://qiita.com/yuu-eguci/items/40f171dff0f8c2cb4748
以上の記事を参考に多言語切り替えのボタンを装着してみたところ
javascriptのajaxが反応しなくなり、DBのデータが取れなくなりました。
htmlの記述はローカライズできました。
...
0
票
0
回答
197
閲覧数
jquery3.3.1でのモーダル画像にプラスマイナスボタンをつけて拡大縮小を行いたい
プログラミング初心者です。
モーダルの画像にプラスマイナスのボタンをつけて拡大縮小したいです。
調べたところviewer.jsなどのプラグインを導入するとできそうなのですがやり方がわかりません。
教えていただける方いましたら
よろしくお願いいたします。
jquery3.3.1
[html]
<div>
<img class="img-thumbnail" ...
0
票
1
回答
489
閲覧数
【スクロールすると「ふわっと」スクロールするアニメーション】の実装ができません
質問内容/困っていること
<こちらでもマルチポストさせていただいております>
https://teratail.com/questions/317212
LPを制作しており『スクロールすると「ふわっと」スクロールするアニメーション』を実装しようとしましたが、稼働しません。
発生している問題・エラーメッセージ
⇒グーグルクロームの検証ツールにてConsoleを確認しましたが ...
0
票
1
回答
553
閲覧数
Laravel+jquery 一覧表示したデータのidをjsのコンソール側で取得できるようにしたい。
やりたいこと
最終目標としては、Ajaxを使って一覧表示の削除ボタンを押すと、非同期でUI上からもDBから削除するできる機能を目指しています。
その前段階として、jqueryのみでフロント側のみできる削除する機能を実装したいと考えています。
さらにこの機能を実装する手段として、まずはボタンをクリックするとjs側で、一覧リストそれぞれのidを取得する必要があるのですが、ここに苦戦しています。
問題点
...
0
票
1
回答
487
閲覧数
bracketsでjqueryによるbgSwitcherプラグインを使用したいのですが、うまく適用できません
表題の件について、モニターの最上部にてフルスクリーンでの複数画像のスライドを行いたいのですが、
jsの読み込みが原因なのか、複数画像の相対パスの表示方法が違うのか、うまくできない状況です。
以下に、うまく表示されない原因ではないかと思われる箇所を3点表記しました。
js読み込みとして、htmlのheadに<script src="https://ajax.googleapis....
0
票
1
回答
100
閲覧数
jQuery でマウスホバー時に border を出したい
hoverしたときにspanタグにborderを出したいのですが上手くいきません。
どうすればうまくいきますか?
<ul class="nav">
<li class="nav-item"><a class="navbar-link" href="/xxx.html"><...
0
票
1
回答
369
閲覧数
TypeScriptでJQueryの$(function () {})を処理させるには?
Web系ごく初心者ですので用語の誤り、説明行き届かない点などご指摘ください.
背景(今までやったこと)
Laravelを使用してPHPアプリを作っています.Modelを定義して、Viewを作って、Controllerを作ってと、一通り目的のページを出力するまでたどり着きました.index.list.blade.phpがテンプレートファイルになるのですが、...
0
票
0
回答
832
閲覧数
twitterのOGP(サムネイル画像)を動的に変えたい
現在HTML,JQueryでおみくじアプリを作っており、その結果をtwitterに投稿する機能があるものを作っています。
https://k49977.github.io/omikuji/
ここでやりたいこととして、おみくじ結果の画像をサムネイルに反映させたいです。つまり、twitterのサムネイルを動的に変えたいです。 それについてアドバイスいただければと思います。
...
0
票
1
回答
2,688
閲覧数
swiper.jsのloop時末端が途切れる
下記のように swiper クリック時に slideTo で 中央にフォーカスするようにしているんですが、始端や終端まで進めると途切れてしまいます。
マウスドラッグ or touchEvent を発生させると、また要素がクローンされるようなんですが、それをプログラムだけで完結出来る方法をご存知であれば知りたいです。
swiper.slideTo() の後 swiper.update() ...
0
票
0
回答
521
閲覧数
ajax、jquery.dialog を使用したダイアログを表示させたい
■問題
ajax通信により、サーバからレスポンスを受け取った後、jquery.dialog を使用したダイアログを表示させたいです。
以下ソースコードになります。
■実施した事
以下ソースコード(javascliptの.done(function(data){}部分)で、dialog が動作するか確認した所、ブラウザ上にダイアログは表示されず、管理ツール上でエラーが表示されていました。
...
0
票
2
回答
4,126
閲覧数
for文を使用する時、変数の名前を動的に変更したい。
for文を使用する時、変数の名前を動的に変更したいです。
下記のように、sliderをslider[i]と書いてみましたが、
この場合、javascriptがうまく作動しません。
slider0,slider1のように別の変数として扱われるようにしたいです。
下のjavascriptの記述は省略して書いていますので、参考程度にしてください。
(console.log(slider[i]);...
0
票
1
回答
257
閲覧数
Javascriptでプログレスバーを作成したいです。
やりたい事
下記のコードを codepenで見つけて、自身のアプリに実装したいのです。
https://codepen.io/ArnaudBalland/pen/PwgqMO
その前、段階でどんな仕組みで動作しているのか気になりコードを見るとjavascriptの部分がjQueryになっていたのでこれをjavascriptに直そうと以下のコードを書きました。
元々のjQueryのコード
var ...
0
票
0
回答
112
閲覧数
form送信ボタン押しても現在の表示がキープできるようにしたい。
formで送信ボタン押して、input要素3項目打ち込まなければエラー表示がでて、全項目打ち込んだら次のページにリンクするようにしたいのですが、3項目打ち込まずにsubmitした時ページの先頭に戻るのを避けたかったのでjqueryで記述したら表示はキープされるようになったのですが、エラー表示に対応したPHP側が反応しなくなりました。どうしても原因がわからなく解決方法を教えていただきたいです。
&...
0
票
2
回答
767
閲覧数
フォルダにあるJSONファイルのデータをjQueryですべて読み込むには?
例えば、sampleフォルダにいくつかのjsonデータがあるとして、それを全て読み込みたい場合はどう記述すればよろしいでしょうか?
0
票
1
回答
450
閲覧数
プルダウンが、うまく表示されません。
プルダウンメニューがうまく表示されません。
現状
プルダウンをクリックしても開きません。
実現したいこと
↓クリックすると、以下のように表示するようにしたい。(テキスト入力はなし)
なお、[ここに表示] というテキスト部分は、プルダウンの項目を選択したら対応するJSONのプロパティの値を表示します。(数字)
HTML
<!DOCTYPE html>
<html lang=&...
0
票
1
回答
2,016
閲覧数
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
回答
202
閲覧数
htmlとjqueryで入力フォームを作成、ページが呼び出されるごとに「No」の箇所に自動採番したい
以下の形で、各項目を作成して入力フォームが呼び出せれます。
この呼び出された際に、一番上の「NO」に、呼び出されるごとに 1、2、3、・・・・・・と受付番号を採番していきたいのですが、何かよい方法があれば教えてほしいです。
htmlやjquery初心者なので検索方法がいまいちピントこないです。宜しくお願いします。
<!-- 基本情報入力 -->
<div id='...
0
票
1
回答
748
閲覧数
Leaflet チェックボックスの判定をしてマーカーの削除をしたい。
Leaflet チェックボックスの判定をしてマーカーの削除をしたい
現在のコードとして、チェックボックスを入れると、県にピンが立つような感じです。
クリックする度に、ピンが立つので影がついていってしまいます。
東京がONになったら、東京にピンが立って、OFFになったらピンが消えるような感じにしたいのですが、コードの想像もできません。
分かる方、教えて頂きたいです。
<!DOCTYPE ...
0
票
1
回答
122
閲覧数
JavaScriptで.valueを使っているのにvalueではなくHTMLタグが返ってくる
前提・実現したいこと
JavaScriptを学習中の初学者です。
JavaScript・jQueryで思うような値が返ってこないため、悩んでいます。
発生している問題・エラーメッセージ
下記ソースコードの出力1と出力2が同様の結果を返すと考えましたが、以下のように異なる結果が出力されてしまいます。
出力1: テスト1
出力2: <input class="waypoint"...
0
票
1
回答
187
閲覧数
railsにて地図の緯度経度を使用したい為にAjax通信を用いたがコントローラーへ値が送信できない
[実現したいこと]
住所を元に作成したgooglemapを無料で埋め込みたい。
[経緯/考察]
Google ApiのGeocodingは有料とのことでしたので、色々と探していたところ
無料で緯度経度を検索できる「Community Geocoder」なるものを見つけたので
こちらを利用してjavascriptで緯度経度を求めました。
...
0
票
1
回答
1,711
閲覧数
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
回答
6,534
閲覧数
jQuery1.xからjQuery3.5.1へのバージョンアップの方法について
バージョンが1.xのjQueryをバージョン3.5.1へアップグレードする作業を業務で行うのですが、
作業対象ファイルやコードが多く、効率が良い方法や良い落とし所がありましたら教えていただきたいと思い、
投稿いたしました。
作業対象のサイトには、jQuery本体ファイル(1.x)が約100ファイル、1.x用のjQueryプラグインや、JSライブラリが数百ファイルあります。
...
0
票
1
回答
326
閲覧数
Uncaught TypeError: overlay_navigation.velocity is not a functionのエラーについて
以下のようにサイトを作成中です。
サンプルのように三本バーをクリックするとアクションが行われるようにしたいと考えてます。
jsにある overlay_navigation.velocity('transition.slideLeftIn' の部分でエラーを起こします。
出ているエラーは以下になります。
script.js:16 Uncaught TypeError: ...
1
票
1
回答
1,884
閲覧数
自作のconfirm画面を作り、promiseを利用して、戻り値を変えたいです。
jquery.confirmと言うライブラリーを利用して、confirm画面を作るところまでは良いのですが、クリックした段階でダイアログが出る前に画面遷移してしまいます。
非同期処理で値を返すタイミングをダイアログのボタンを押した後にしたいのですが、どうすればよいかご教示頂けると、幸いです。
<script type="text/javascript" src="../js/...
0
票
1
回答
120
閲覧数
ajax通信がうまくいきません。
Ruby on Railsで初めてアプリを作っている初学者です。ajax通信ができず困っています。
jQueryを使って下記の通り作成しました。発火は起きていますが、controllerへ送られていないような感じです。
解決策見つからず、ご教示のほど、お願いいたします。
search.js
$(function() {
var search_list = $("contents.row");...
1
票
0
回答
1,352
閲覧数
Uncaught ReferenceError: $ is not defined とjQueryの読み込みについて
javascriptとjQueryを使ってHPを作成中です。
両言語とも初心者です。
jQueryは2つ以上読み込まない方がいいと言うのもあるみたいですが
今回はこちらにあるサイトの動きを模倣したいと考えてます。
ソースが載ってるGitHubにはjQueryを以下の通り2つ読み込んでるように思えます。
<script src="https://cdnjs.cloudflare.com/...
0
票
1
回答
293
閲覧数
フェードインが完了したらスクロールの監視を終了する方法を教えていただけないでしょうか。
前提・実現したいこと
コーディング歴は半年で、js はプラグインに頼るばかりであまり経験がありません。
よろしくお願いいたします。
下記の一連の動作を js または jQuery で作る方法を教えていただきたいです。
スクロールで画像がフェードイン
フェードインした画像のみスクロールの監視が終了
その他の画像はフェードインするまでスクロールの監視が継続
最終的に、...
0
票
0
回答
950
閲覧数
時間入力フォームに現在時刻を自動入力したい
前提・実現したいこと
jQueryで実装しています。
開始時間と終了時間の入力をさせ、その差分によって金額を表示するフォームを作成しています。
この時間入力フォームに「現在時刻」というボタンを配置し、そこを押せば自動的に現在時刻が入力される、というものを作りたいです。
時間形式は「11:20」のようにしてます。
発生している問題・エラーメッセージ
...
0
票
1
回答
285
閲覧数
タブごとに別の計算結果を表示させたい
前提・実現したいこと
開始時間と終了時間の入力をさせ、その差分によって金額を表示するフォームを作成しています。
railsとjQueryを使用しており、機能は以下のようなものです。
・タブ切り替えができる
・どのタブも同じ内容の計算フォームが表示される
・タブごとに時間入力でき、計算結果を表示させることができる
なお、計算フォームは部分テンプレートで切り出しています。
発生している問題・...
0
票
1
回答
192
閲覧数
ページをスクロールするとチェックを外す
HTML&CSS,JavaScriptについて質問です。
HTML&CSS,JavaScriptでスマホ用のメニューを作成してページをスクロールした時にinputのチェックを外したいです。
JavaScriptでスクロールしたのを検知してチェックを外そうとしたのですができません。
どこが悪いのか教えてください。
HTML
<input type="checkbox" ...
0
票
2
回答
431
閲覧数
非同期通信で会話機能を導入しているのですが、ページをリロードしないで、データを表示することができません。
私は、今非同期通信で会話機能を導入しようと考えています。ページ移動なしで、データを表示することができるのですが、ページ移動・リロードなしで、表示することができない状態にあります。もしわかる方がいらしたら、方法を教えて頂きたいです。
if Entry.where(:user_id => current_user.id, :room_id => params[:message][:...
2
票
1
回答
1,094
閲覧数
マウスオーバーを実装する際、「jQuery の hover()」と「CSS の :hover 」では違いがありますか?
知りたいこと
マウスオーバー実装する際、下記何れの方法でも出来ることは同じですか?
jQuery の hover()
CSS の :hover
・jQuery は、CSSを操作してマウスオーバーを実装するので、出来ることは同じ?
・jQuery の hover()でしか出来ないことはありますか?
質問経緯
マウスオーバー後の表示色を1色指定しているjQueryコードがあります。...
0
票
1
回答
488
閲覧数
ページ内ナビゲーションでスムーズスクロールで移動する時、一瞬移動先の画面が表示されその後スムーズスクロールされます。なぜ一瞬移動先の画面が表示されるのでしょうか?
ぺージ内ナビゲーションでスムーズスクロールで移動する時、一瞬移動先の画面が表示されその後スムーズスクロールされます。なぜ一瞬移動先の画面が表示されるのでしょうか?
HTMLで、aタグにhref属性の飛び先のid名を指定しておきます。そしてクリックしたときにattrメソッドでhref属性の値を取得し、offsetメソッドでその要素の位置を取得しページ内でスムーズスクロールしています。
...
0
票
1
回答
399
閲覧数
ajaxで意図した配列データを渡したい
ajaxで配列データを渡したいのでうまくいっていません。
下記のようなコードを実行すると、PHPで $_GET を出力すると結果が
array(
[test_input%5Bhome%5D] =chintai,
[val] => 99
)
となってしまいます。理想としては
array(
[test_input] => array (
[home] => ...
1
票
1
回答
1,294
閲覧数
画像の上に文字があるリンクを作りたい
プログラミング超初心者なので用語の使い方が間違ってたらすみません。
画像を4つ並べてそれぞれの中央に文字を置き、それぞれをリンクにしたいです。
加えてマウスオーバーで画像が暗くなるようにしたいです(この部分は、形としては一応できています)。
こんな感じで、計4つのリンクを作るのが目標です。
htmlはこう書きました。(試行錯誤しまくったので必要ないclassやdivがあるかもしれないです)
...
1
票
1
回答
1,577
閲覧数
position:fixedのモーダルウィンドウの上側が画面が狭いと見切れてスクロールもできない
完了ボタンを押すと同意するかしないかの
モーダルウィンドウがでるボタンを作っています
うまくできたと思ったのですがレスポンスブルにしたいので
画面を狭めてテストするとモーダルウィンドウの上の方が見切れました
これはposition:fixedのせいだと疑っていますが性質上これは外せません
どうすればこれを解決できるでしょうか?
$(function() {
$('.kanryo'...