[jquery] タグが付いた質問
jQueryとは、ジョン・レシグによって開発された、JavaScriptのライブラリである。エレメントの指定がCSSセレクタと同様の記述で選択ができる。「$」を「jQuery」のエイリアスとして定義されており、関数の呼び出しを容易にしている。また、関数をチェーンさせることで、より柔軟な操作が可能となっている。
641
件の質問
0
票
1
回答
270
閲覧数
Javascriptでプログレスバーを作成したいです。
やりたい事
下記のコードを codepenで見つけて、自身のアプリに実装したいのです。
https://codepen.io/ArnaudBalland/pen/PwgqMO
その前、段階でどんな仕組みで動作しているのか気になりコードを見るとjavascriptの部分がjQueryになっていたのでこれをjavascriptに直そうと以下のコードを書きました。
元々のjQueryのコード
var ...
0
票
2
回答
791
閲覧数
フォルダにあるJSONファイルのデータをjQueryですべて読み込むには?
例えば、sampleフォルダにいくつかのjsonデータがあるとして、それを全て読み込みたい場合はどう記述すればよろしいでしょうか?
0
票
1
回答
799
閲覧数
Leaflet チェックボックスの判定をしてマーカーの削除をしたい。
Leaflet チェックボックスの判定をしてマーカーの削除をしたい
現在のコードとして、チェックボックスを入れると、県にピンが立つような感じです。
クリックする度に、ピンが立つので影がついていってしまいます。
東京がONになったら、東京にピンが立って、OFFになったらピンが消えるような感じにしたいのですが、コードの想像もできません。
分かる方、教えて頂きたいです。
<!DOCTYPE ...
0
票
0
回答
113
閲覧数
form送信ボタン押しても現在の表示がキープできるようにしたい。
formで送信ボタン押して、input要素3項目打ち込まなければエラー表示がでて、全項目打ち込んだら次のページにリンクするようにしたいのですが、3項目打ち込まずにsubmitした時ページの先頭に戻るのを避けたかったのでjqueryで記述したら表示はキープされるようになったのですが、エラー表示に対応したPHP側が反応しなくなりました。どうしても原因がわからなく解決方法を教えていただきたいです。
&...
0
票
1
回答
528
閲覧数
プルダウンが、うまく表示されません。
プルダウンメニューがうまく表示されません。
現状
プルダウンをクリックしても開きません。
実現したいこと
↓クリックすると、以下のように表示するようにしたい。(テキスト入力はなし)
なお、[ここに表示] というテキスト部分は、プルダウンの項目を選択したら対応するJSONのプロパティの値を表示します。(数字)
HTML
<!DOCTYPE html>
<html lang=&...
0
票
1
回答
2,149
閲覧数
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
回答
208
閲覧数
htmlとjqueryで入力フォームを作成、ページが呼び出されるごとに「No」の箇所に自動採番したい
以下の形で、各項目を作成して入力フォームが呼び出せれます。
この呼び出された際に、一番上の「NO」に、呼び出されるごとに 1、2、3、・・・・・・と受付番号を採番していきたいのですが、何かよい方法があれば教えてほしいです。
htmlやjquery初心者なので検索方法がいまいちピントこないです。宜しくお願いします。
<!-- 基本情報入力 -->
<div id='...
0
票
1
回答
2,388
閲覧数
Ajax の結果を用いた条件分岐は done の中に書けば良い?
Ajaxで検査した結果を表示したいのですが、サーバーからの結果からさらにJavaScriptのswitch文の条件を当てはめたいのですが、そのswitch文はdoneの中に書くのでしょうか?
どのようにしてサーバからの結果とswitch文をつなげるのか分からないです。
ソースコード
$(function(){
// ajax button click
$('#ajax').on('...
1
票
1
回答
211
閲覧数
FooTableの利用について
現在スマホ用の画面構築で、テーブルを可変にする為に
FooTableを利用しようとしています。
以下のサイトを参考にしてます。
http://www.webantena.net/javascriptjquery/plugin-footable/
ところが、肝心のソースが手に入りません。
というのも、ここに限らずどのサイトでも最終的にGithubから
ダウンロードするように誘導されますが、...
0
票
1
回答
223
閲覧数
スワイプで出てくるサブメニューのライブラリはありますか?
スマートフォンのアプリでよくある、スワイプで出てくるサブメニューのjQueryライブラリはありますか?
0
票
1
回答
130
閲覧数
JavaScriptで.valueを使っているのにvalueではなくHTMLタグが返ってくる
前提・実現したいこと
JavaScriptを学習中の初学者です。
JavaScript・jQueryで思うような値が返ってこないため、悩んでいます。
発生している問題・エラーメッセージ
下記ソースコードの出力1と出力2が同様の結果を返すと考えましたが、以下のように異なる結果が出力されてしまいます。
出力1: テスト1
出力2: <input class="waypoint"...
0
票
1
回答
497
閲覧数
ページ内ナビゲーションでスムーズスクロールで移動する時、一瞬移動先の画面が表示されその後スムーズスクロールされます。なぜ一瞬移動先の画面が表示されるのでしょうか?
ぺージ内ナビゲーションでスムーズスクロールで移動する時、一瞬移動先の画面が表示されその後スムーズスクロールされます。なぜ一瞬移動先の画面が表示されるのでしょうか?
HTMLで、aタグにhref属性の飛び先のid名を指定しておきます。そしてクリックしたときにattrメソッドでhref属性の値を取得し、offsetメソッドでその要素の位置を取得しページ内でスムーズスクロールしています。
...
0
票
1
回答
189
閲覧数
railsにて地図の緯度経度を使用したい為にAjax通信を用いたがコントローラーへ値が送信できない
[実現したいこと]
住所を元に作成したgooglemapを無料で埋め込みたい。
[経緯/考察]
Google ApiのGeocodingは有料とのことでしたので、色々と探していたところ
無料で緯度経度を検索できる「Community Geocoder」なるものを見つけたので
こちらを利用してjavascriptで緯度経度を求めました。
...
0
票
1
回答
160
閲覧数
要素(図面)をクリックしたらfadeOutさせたい
開発環境:
Windows10 64bit
ブラウザ:GoogleChrome 69.0.3497
エディタ:Brackets(リリース 1.13 ビルド 1.13.0-17696)
使用言語:HTML/CSS/Javascript/jQuery
<概要>
jQueryの勉強中です。
「Webページの図面(丸*1、四角*2)をクリックしたら、その図面がフェードアウトしていく」...
1
票
1
回答
880
閲覧数
mousewheel.jsの横スクロールについて質問です
横スクロールのwebサイトを制作していて、スクロール処理を
http://www.webopixel.net/javascript/421.html
上記のサイトを参考(コードはコピペ)して制作したのですが、
speedを50にするとマウスホイールではちょうどいいスクロール量でスクロールされるのですが、トラックパッド(macbook)の場合スクロール量が大きすぎて、...
0
票
1
回答
1,762
閲覧数
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
回答
282
閲覧数
マウスホイールスクロールのスピード調整に関して
スクロールをするときのスピードを遅くするために下記を設定しました。
FF,IEの時はできたのですが、GCで見ると下記ではスクロールするとガタガタしてしまいます。
何か記述間違いありますでしょうか?
現在の状況です。
http://footmarkdays.web.fc2.com/test2/
<script>
var scrolly = 150;
var scrollySpeed =...
0
票
1
回答
334
閲覧数
Uncaught TypeError: overlay_navigation.velocity is not a functionのエラーについて
以下のようにサイトを作成中です。
サンプルのように三本バーをクリックするとアクションが行われるようにしたいと考えてます。
jsにある overlay_navigation.velocity('transition.slideLeftIn' の部分でエラーを起こします。
出ているエラーは以下になります。
script.js:16 Uncaught TypeError: ...
0
票
1
回答
6,860
閲覧数
jQuery1.xからjQuery3.5.1へのバージョンアップの方法について
バージョンが1.xのjQueryをバージョン3.5.1へアップグレードする作業を業務で行うのですが、
作業対象ファイルやコードが多く、効率が良い方法や良い落とし所がありましたら教えていただきたいと思い、
投稿いたしました。
作業対象のサイトには、jQuery本体ファイル(1.x)が約100ファイル、1.x用のjQueryプラグインや、JSライブラリが数百ファイルあります。
...
1
票
1
回答
1,950
閲覧数
自作のconfirm画面を作り、promiseを利用して、戻り値を変えたいです。
jquery.confirmと言うライブラリーを利用して、confirm画面を作るところまでは良いのですが、クリックした段階でダイアログが出る前に画面遷移してしまいます。
非同期処理で値を返すタイミングをダイアログのボタンを押した後にしたいのですが、どうすればよいかご教示頂けると、幸いです。
<script type="text/javascript" src="../js/...
0
票
1
回答
127
閲覧数
ajax通信がうまくいきません。
Ruby on Railsで初めてアプリを作っている初学者です。ajax通信ができず困っています。
jQueryを使って下記の通り作成しました。発火は起きていますが、controllerへ送られていないような感じです。
解決策見つからず、ご教示のほど、お願いいたします。
search.js
$(function() {
var search_list = $("contents.row");...
1
票
0
回答
1,361
閲覧数
Uncaught ReferenceError: $ is not defined とjQueryの読み込みについて
javascriptとjQueryを使ってHPを作成中です。
両言語とも初心者です。
jQueryは2つ以上読み込まない方がいいと言うのもあるみたいですが
今回はこちらにあるサイトの動きを模倣したいと考えてます。
ソースが載ってるGitHubにはjQueryを以下の通り2つ読み込んでるように思えます。
<script src="https://cdnjs.cloudflare.com/...
0
票
1
回答
310
閲覧数
フェードインが完了したらスクロールの監視を終了する方法を教えていただけないでしょうか。
前提・実現したいこと
コーディング歴は半年で、js はプラグインに頼るばかりであまり経験がありません。
よろしくお願いいたします。
下記の一連の動作を js または jQuery で作る方法を教えていただきたいです。
スクロールで画像がフェードイン
フェードインした画像のみスクロールの監視が終了
その他の画像はフェードインするまでスクロールの監視が継続
最終的に、...
0
票
0
回答
1,007
閲覧数
時間入力フォームに現在時刻を自動入力したい
前提・実現したいこと
jQueryで実装しています。
開始時間と終了時間の入力をさせ、その差分によって金額を表示するフォームを作成しています。
この時間入力フォームに「現在時刻」というボタンを配置し、そこを押せば自動的に現在時刻が入力される、というものを作りたいです。
時間形式は「11:20」のようにしてます。
発生している問題・エラーメッセージ
...
0
票
1
回答
305
閲覧数
タブごとに別の計算結果を表示させたい
前提・実現したいこと
開始時間と終了時間の入力をさせ、その差分によって金額を表示するフォームを作成しています。
railsとjQueryを使用しており、機能は以下のようなものです。
・タブ切り替えができる
・どのタブも同じ内容の計算フォームが表示される
・タブごとに時間入力でき、計算結果を表示させることができる
なお、計算フォームは部分テンプレートで切り出しています。
発生している問題・...
0
票
1
回答
198
閲覧数
ページをスクロールするとチェックを外す
HTML&CSS,JavaScriptについて質問です。
HTML&CSS,JavaScriptでスマホ用のメニューを作成してページをスクロールした時にinputのチェックを外したいです。
JavaScriptでスクロールしたのを検知してチェックを外そうとしたのですができません。
どこが悪いのか教えてください。
HTML
<input type="checkbox" ...
0
票
2
回答
440
閲覧数
非同期通信で会話機能を導入しているのですが、ページをリロードしないで、データを表示することができません。
私は、今非同期通信で会話機能を導入しようと考えています。ページ移動なしで、データを表示することができるのですが、ページ移動・リロードなしで、表示することができない状態にあります。もしわかる方がいらしたら、方法を教えて頂きたいです。
if Entry.where(:user_id => current_user.id, :room_id => params[:message][:...
2
票
1
回答
1,128
閲覧数
マウスオーバーを実装する際、「jQuery の hover()」と「CSS の :hover 」では違いがありますか?
知りたいこと
マウスオーバー実装する際、下記何れの方法でも出来ることは同じですか?
jQuery の hover()
CSS の :hover
・jQuery は、CSSを操作してマウスオーバーを実装するので、出来ることは同じ?
・jQuery の hover()でしか出来ないことはありますか?
質問経緯
マウスオーバー後の表示色を1色指定しているjQueryコードがあります。...
2
票
2
回答
1,378
閲覧数
SPAで動的に挿入されるDOMに対する$(DOMElement).on('load',...)
SPAでページ遷移時に動的に挿入されるDOMElementに対して$(DOMElement).on('load',func)のような、特定のDOMのロード時に処理を行うにはどうすれば良いでしょうか。
例えば、
http://example.xxx/hoge ページにある
http://example.xxx/fuga のリンクをクリックすると/fugaに遷移し、
遷移時に挿入された<div ...
0
票
1
回答
446
閲覧数
ajaxで意図した配列データを渡したい
ajaxで配列データを渡したいのでうまくいっていません。
下記のようなコードを実行すると、PHPで $_GET を出力すると結果が
array(
[test_input%5Bhome%5D] =chintai,
[val] => 99
)
となってしまいます。理想としては
array(
[test_input] => array (
[home] => ...
1
票
1
回答
1,342
閲覧数
画像の上に文字があるリンクを作りたい
プログラミング超初心者なので用語の使い方が間違ってたらすみません。
画像を4つ並べてそれぞれの中央に文字を置き、それぞれをリンクにしたいです。
加えてマウスオーバーで画像が暗くなるようにしたいです(この部分は、形としては一応できています)。
こんな感じで、計4つのリンクを作るのが目標です。
htmlはこう書きました。(試行錯誤しまくったので必要ないclassやdivがあるかもしれないです)
...
1
票
1
回答
1,687
閲覧数
position:fixedのモーダルウィンドウの上側が画面が狭いと見切れてスクロールもできない
完了ボタンを押すと同意するかしないかの
モーダルウィンドウがでるボタンを作っています
うまくできたと思ったのですがレスポンスブルにしたいので
画面を狭めてテストするとモーダルウィンドウの上の方が見切れました
これはposition:fixedのせいだと疑っていますが性質上これは外せません
どうすればこれを解決できるでしょうか?
$(function() {
$('.kanryo'...
0
票
1
回答
503
閲覧数
2つの関数を1つの関数にまとめる書き方を教えてください
.input_edit または .input_edit_selectをクリックすると編集できる関数を作成したのですが、
別々の関数を作るやり方しかわかりませんでした。
.input_edit または .input_edit_selectを別々の関数にはせず、
1つの関数の中でinputもselectの編集できるようにするにはどのようにすればよいのでしょうか。
教えていただけますと大変助かります。...
0
票
1
回答
253
閲覧数
項目「選択肢」をクリックで編集しblur()後、もとの状態に戻す方法を教えてください。
項目「選択肢」をクリックし、選択肢を編集し(もしくは編集せずに)、blur()したのち、もとの状態(テキストの状態)にしたのですが、selectのままになってしまいます。
項目「用途」のように、クリック→blur()→元の状態(テキスト)にできたのですが、
同じように、要素がselectやradioのときはどのようにしたらよいのでしょうか?
ご教授いただけますと大変助かります。
$(...
1
票
1
回答
438
閲覧数
jqueryでtableの中身を上から読み込む(複数行)
jqueryでmodal上にあるテーブルを読み込み、
一部のカラムをhtml上にtemplateで読み込ませて表示させたいです。
今のところ、eachを使えば読み込めると思ったのですが
tableの最終行しか読み込まれませんでした。
これは参考にしたURLです
jqueryで要素のある順に番号をつける
//コード
function allsave(){
var ...
0
票
1
回答
863
閲覧数
monacaでjQueryが使えません
プログラミング初心者です。
monacaを使ってAmazon Linux上のデータベースにあるデータを表示するアプリを作っています。
JS/CSSコンポーネントの追加から「jQuery バージョン:3.4.1」を選択し、
<script src="components/jquery/jquery.min.js"></script> でロードするように設定しました。
...
0
票
1
回答
7,739
閲覧数
jQuery ajax()における done と always の違い。GETで戻り値を受け取る場合、どちらが良いですか?
「done」は通信に成功した場合、「always」は処理が完了した場合とのことですが、GETで戻り値を受け取る場合、どちらが良いですか?
・処理完了を意味する「always」の方が良い?
・「done」の成功=完了ではないので、GETを受け取れない場合もある?
作成しているコード
$.ajax({
type: "GET",
url: "/?url="+url,
...
1
票
1
回答
1,302
閲覧数
JavaScript か jQuery で、onchangeのタイミングで呼び出される関数へ、任意の値を引数として渡したい
やりたいこと
・id属性"hoge"の値がonchangeしたタイミングで、userFunc関数を呼び出す
・その際、userFunc関数へ、任意の値を引数として渡す(下記例ではa)
疑似コード
function userFunc(param) {
console.log(param); //a
}
document.getElementById("hoge").onchange = ...
0
票
1
回答
103
閲覧数
指定要素内にある指定文字列で始まる<input type text>内の特定属性名を全て、JavaScript か jQueryを使用して配列へ格納したい
やりたいこと1
・target id 内にある input type="text" で、nameがhoge_ で始まるものを全て、nameAry配列へ格納したい
・期待しているnameAry配列結果 ['hoge_1', 'hoge_2', 'hoge_3'];
やりたいこと2
・target id 内にある input type="text" で、idがpiyo_ で始まるものを全て、...
0
票
1
回答
744
閲覧数
webpackでjQueryをすべてのjsファイル内で使いたい
webpack+scss+jQuery環境を作ろうとしています。
webpack+scssまではできたのですが、jQuery環境がうまくいきません。
index.js内でもutility.js内でも $ が使えるようにしたいです。
webpackでjqueryを使用、しかし「$ is not defined」のエラー - teratail
こちらを参考にして plugins: ...
0
票
1
回答
195
閲覧数
jQueryの処理後に追加したものをドロップしたい
実現したいこと
予定リストにある要素を日付へドラッグアンドドロップできるようにしようとしています。
ドラッグアンドドロップの部分はjQuery、動的要素の作成はjavascriptを使用して作成しています。
また、図にあるMy Event1から5までの要素はHTMLで事前に作成してあるものです。
困っていること
事前に作成してある要素(My Event1から5)...
6
票
3
回答
1万
閲覧数
li要素のマウスオーバー時に背景色を変えたい
li要素にマウスが乗った時に背景色をフェードさせて変更させたく以下のコードを作成しましたが、アニメーションと色の変更が反映されません。なぜでしょうか。
$(document).ready(function(){
$('li').hover(function(){
$(this).css("cursor", "pointer").stop().animate({...
0
票
1
回答
258
閲覧数
jqueryでスムーズスクロールを実装、idにピュニコード混じりの文字列を使うとエラーがでる
jqueryを使ったスムーズスクロールを実装しています。
以下のコードです。
$(function(){
$('a[href^="#"]').click(function () {
var speed = 400;
var href = $(this).attr("href");
var target = $(href == "#" || ...
0
票
1
回答
1,364
閲覧数
jQueryの処理後に追加したものをドラッグアンドドロップしたい
実現したいこと
予定リストにある要素を日付へドラッグアンドドロップできるようにしようとしています。
ドラッグアンドドロップの部分はjQuery、動的要素の作成はjavascriptを使用して作成しています。
また、図にあるMy Event1から5までの要素はHTMLで事前に作成してあるものです。
困っていること
事前に作成してある要素(My Event1から5)...
0
票
1
回答
750
閲覧数
flagによってhtmlを変えるボタンを2つ、スイッチのように動かす
box1とbox2のボタンはクリックすると中の文字が変わるようになっています。
htmlを変えるので、toggleclassではうまくいきません。
やりたいことは、
box1が開いているときにbox2を押すと、box1は閉じて、box2が開き、
box2が開いているときにbox1を押すと、box2は閉じて、box1が開くということなのですが、あと1歩(???)のところでうまくいきません
...
0
票
1
回答
294
閲覧数
changeイベントへのパラメタが意図しないデータを受け取っているエラー。
画面に支払日というコンボボックスがあり、その値はDB処理から取得した値で設定しています。設定後、初期値としてはサーバーサイド側で処理した値を表示するようにしています。
そして、...
3
票
3
回答
2,210
閲覧数
jQuery / JavaScriptで、ページスクロール時にアクションを起こしたい
ページをスクロールした時に、スクロールした距離に応じて、オブジェクトの移動や透過をさせたい。パララックス効果についても簡潔な例を知りたい。
0
票
1
回答
183
閲覧数
bootstrapのdropdownで選択した画像を別の要素に表示させる方法
以下のコードで”newImg_boat”タブに選択後の画像を載せたいのですが、うまくいかず困っています。
コメントアウトしているコードは、あれやこれや試した結果です。2日くらい悩んでいます。
よろしくお願いいたします。
$(function() {
$('.dropdown-menu .dropdown-item').click(function() {
var ...
0
票
1
回答
4,433
閲覧数
Uncaught TypeError: Cannot read property '0' of undefined, clientX を配列でセットできない。
addEventListner()でMousemoveの座標をモニターしたいのですが、evt.mx[i]でエラーがでます。 なぜ。イベントのプロパティに配列からセットできないのでしょうか?配列を使わないで、すべてを列記すれば可能なのですが、コードを短く書きたいのので。
それから、ちなみにjQueryではtext()を使うことで可能です。なぜjavaScriptではエラーになるのか理解できません。...
0
票
0
回答
994
閲覧数
JavaScriptで絞り込み。テーブル全体を絞り込み
JavaScript(jquery)での絞り込みにトライしており、ご教示いただけますでしょうか。
一番下のコードのようにリストタグでの絞り込みはできますが、以下のテーブル全体を表示したり、非表示はできないのでしょうか?(赤のセレクトボックスを選択する場合、一度のテーブル全体を表示したまま、かぼちゃ、キウイのtableは非表示とする。)
<table border="1">
&...