[jquery] タグが付いた質問
jQueryとは、ジョン・レシグによって開発された、JavaScriptのライブラリである。エレメントの指定がCSSセレクタと同様の記述で選択ができる。「$」を「jQuery」のエイリアスとして定義されており、関数の呼び出しを容易にしている。また、関数をチェーンさせることで、より柔軟な操作が可能となっている。
640
質問
1
票
1
回答
133
閲覧数
画面が切り替わるプログラムとページがめくれるプログラムをひとつのプログラムにまとめたいです
いつも大変お世話になっております。
HTML、css、jQueryの初心者です。
会社からの指示でホームページを作成することになりました。
作成時間は業務時間外で休日を使うしかない状況です。
デザインはできたのですが、プログラムで大変苦戦しています。
どうぞ宜しくお願いいたします。
やりたい処理の流れです。
(1)最初の画面をクリックすると次の画面が表示される
(2)...
0
票
1
回答
553
閲覧数
jQueryのOneBook3dを使ってページをめくりたいです
HTML、css、jQueryの初心者です。
会社からの指示でホームページを作成することになりました。
作成時間は業務時間外で休日を使うしかない状況です。
デザインはできたのですが、プログラムで大変苦戦しています。
メモの画像をjQueryの機能でページがめくれるようにしたいです。
以下の状況なのですが何も表示されません…
どうぞ宜しくお願いいたします。
■jsフォルダに入っているファイル
...
0
票
1
回答
1,475
閲覧数
changeイベント機能OFF後の再登録について。
下記のソースに対して
appendボタンクリック後、
btn2をクリックしたときにchangeイベントの機能をOFFにした後、btn3をクリックすれば
changeイベントの機能をonにし、チェックボックスの値を変更したらその値を表示するようにしたいのですがうまくいきません。どう修正すればうまくいきますでしょうか。
<body>
<button id="btn1">...
0
票
1
回答
1,098
閲覧数
本のようにページをパラパラめくる事ができるjQueryプラグイン「turn.js」を使いたいです
以下プログラム内の、p.noteの画面いっぱいに表示されている画像の上に
#flipbookというページがめくれる効果をもつノートを中央に表示させたいのです。
いろいろと調べ試してみたのですが、p.noteの下にめくりたいページが12個並んで表示されるだけです…
お手数をおかけし申し訳ございませんが、どうぞよろしくお願いいたします。
<!DOCTYPE html>
<...
0
票
1
回答
843
閲覧数
jQueryで画像の表示・非表示を切り替える方法について
はじめまして!
HTML、Javascript、jQueryの初心者です。
以下のプログラムで、
最初にimage/1.jpgが表示され
マウスをクリックすると
image/2-1.jpgが表示されるようにしたいのですが
最初の画面から変わりません…
3時間ほどサイトを見てあれこれ試したのですがだめでした。。
どうぞよろしくお願いいたします。
<html>
<head>
...
0
票
2
回答
294
閲覧数
ページ読み込み時にタブ切り替え
回答ありがとうございます。
$(document).ready(function(){
$('.tabs > .c').trigger('click');
});
$(function(){
// タブをクリック時
$('.tabs > div').click(function(){
$('.tabs > div,.tab_content')....
0
票
1
回答
290
閲覧数
changeイベントへのパラメタが意図しないデータを受け取っているエラー。
画面に支払日というコンボボックスがあり、その値はDB処理から取得した値で設定しています。設定後、初期値としてはサーバーサイド側で処理した値を表示するようにしています。
そして、...
0
票
1
回答
106
閲覧数
縦横比を保持して、表示領域に収まるようにブロック要素を表示したい
表題の通りです。
例えば2:3のボックスを表示したいとして
縦横比を維持したままブラウザの横幅に合わせてサイズを変更させることは簡単にできますが
ブラウザの高さによっては画面に入りきらずスクロールバーが出てきてしまいます。
そうではなく、background-size: contain; のように
縦横比を保持して表示領域に収まるようにブロック要素を表示させたいです。
...
1
票
1
回答
346
閲覧数
jQuery click() と .on("click") の使い分け
(a)
$("p").click(function () {
alert('click1');
});
(b)
$("p").on("click", function () {
alert('click2');
});
(a) と (b) の動作はどちらも同じだと思いますが、内部的な処理に違いはあるのでしょうか。
・処理効率
・メモリ使用量
などそれぞれにメリット、...
1
票
1
回答
247
閲覧数
jQuery .on() のセレクタの書き方について
(a)
$(document).on("click", "div p", function () {
alert('hoge1');
});
(b)
$("div").on("click", "p", function () {
alert('hoge2');
});
(c)
$("div p").on("click", function () {
alert('hoge3');
}...
0
票
1
回答
668
閲覧数
.offset().topについて
・jQueryの.offset().topは、ドキュメントの左上からのy軸方向の距離とかいてあったのですが、JavaScriptの.offsetTopプロパティのオフセットと意味は異なるのですか?
・offsetParent ノードかどうかは関係ない??
1
票
0
回答
240
閲覧数
three.jsで表現したパーティクルの集合図形を整列させたい。
以下のURLにあるように、スクロールしたらパーティクルが集合し、図形を表現する動きを実装しています。
リンク
コード内にもありますが、集合する図形の座標情報はstlの3dデータをblenderという3d編集ソフトを使用してjsonデータに変換したものを読み込んでいます。
しかし、こちらの座標情報だと頂点座標しか格納されていないために、...
0
票
1
回答
369
閲覧数
Youtube iframe シークバークリック時にイベント発生
画像のような場面で、シークバーをクリックした時にイベントを発生したいと思い、下記のようなコードを書きましたが、うまく動作しません。
シークバークリック時にイベントを発生させる方法はありますでしょうか?
$(function () {
$(".ytp-progress-bar-padding").click(function () {
console.log("----")
...
0
票
1
回答
837
閲覧数
Railsのajaxで正しいcreate.js.erbの書き方が分からない
表題の通り、railsでajax通信を実装しようとしているのですが、create.js.erbの書き方で躓いています。
create.js.erbは以下の様になっています。
$("#likebutton").html("<%= button_to post_like_path(@post.id,@like.id), method: :delete, remote: true do %&...
0
票
1
回答
426
閲覧数
jquery ハンバーガーメニューの中のメニューの一つを押したとき
ハンバーガーメニューの中のメニューのうちのどれか一つを押してメニューを非表示にしつつ#ページに戻りたいです。
ハンバーガーメニューのアイコンを押せば非表示にできますが、メニューを押しても非表示になりません。ハンバーガーメニューは固定しています。
どなたかよろしくお願いします。
ソースコード
<div id="navigation">
<div class="...
0
票
0
回答
390
閲覧数
jQueryで値変更を検知する方法について教えて下さい
jQueryを最近使い始めた者です。
jQueryでテキストボックスAの値が変更された時(入力ではなく)に、
別のテキストボックスBを初期化したいのですが、こうした時、普通は、
Aの値を変えた時に、
$('#fld_A').val('12345').change();
というように敢えてイベントを発生させて入力した時と同じように
$('#fld_A').on('change', ...
1
票
1
回答
1,249
閲覧数
Sliderを斜めに表示する方法
ホームページ上でスライドバーを斜めに表示したい。
イメージとしては値が大きくなると、右上に上がっている様子を示したい。
(最終的に別で作った棒グラフと、融合させたいなと思っています)
スライドバー自体を横と縦に設置する方法は、
下記のHPを参考にして問題なくできました。
(初期値 0 最小値0 最大値5 移動値1)
http://alphasis.info/2011/06/jquery-ui-...
0
票
2
回答
2万
閲覧数
画面が閉じられるイベントの察知方法を教えてください。
皆様いつも御世話になっております。
JQuery・JavaScriptのいづれかで、自画面が閉じられるイベントの察知方法を教えてくださいませんか?
この察知を行った中で
//親画面で無効化したイメージボタンを有効化
window.opener.$(".cdsrch").prop("disabled", false);
を達成したいです。
あるデータ受付用の画面はTableの明細を有しており、...
1
票
1
回答
2,580
閲覧数
POSTアクセスを相対パスではなく絶対パスで行いたい
https://www.example.com/
というサイトで
https://www.example.com/blog/
というページがあったとして
以下のようにjQueryでPOSTアクセスを投げると
function test()
{
$.post('/aaa',{},
(data) => {
});
}
https://www.example....
0
票
2
回答
1万
閲覧数
jQueryでhtmlから取得した値をグローバル変数に代入して違うコードに渡すには??
webアプリを制作しているのですが、jQueryを使ってユーザがformで入力した値を以下のように取得しました。
<script>
$('button').click(function () {
// 選択ボックス
m = $('#minute').val();
console.log(m);
});
</...
0
票
1
回答
1,300
閲覧数
スライドアウトでスライドが入れ替わり、若干ズームアウトしつつ画像が表示されるスライダーの制作
以下のようなスライダーの制作をしたいのですが、良いプラグインなどご存知の方はいらっしゃらないでしょうか。自作を試みたもののさっぱり出来上がりませんでした。
スライドアウトでスライドが入れ替わる
若干ズームアウトしつつ画像が表示される
参考サイト:スライダー参考サイト
上記2点以外の要素の実装はしません。
スクラッチが難しそうなので可能であればプラグインを改変する程度で済ませたいと考えています。...
-1
票
2
回答
4,365
閲覧数
jQueryで'mousewheel'イベントが複数呼ばれるのを中止するにはどうすればいいですか?
◎マウスホイールが一度回された時に、一度だけ処理し、
再度回すとまた処理するというものを作りたいです。
「jquery.mousewheel.js」というプラグインを使っています。
下のコードだと、大きくホイールを回すと、複数回'mousewheel'イベントが呼ばれてしまいます。
mousewheelイベントが発生した直後に
.off("mousewheel")
としているのですが、...
0
票
1
回答
94
閲覧数
既存のjqueryに値を追加する
j$(document).ready(function(){
$('a[href^="#"]').click(function(){
var speed = 800;
var href= $(this).attr("href");
var target = $(href == "#" || href == "" ? 'html' : href);
var ...
0
票
1
回答
434
閲覧数
WEBページ上のミニマップの作成に関する情報もとむ
よくゲームとかで自分がマップのどこに居るか、画面上に小さくミニマップみたいのが出てたりしますよね?
それのwebページ版のような、
・webページの全体像を縮小し
・現在ウィンドウに映っている範囲がどこかを表示する
「ミニマップ」を、webページ上に表示したいです。
それを実装するためのjavascriptかjqueryの情報を求めています。
何かお知りの方いましたら教えてください。
0
票
1
回答
495
閲覧数
リンクタグと、input type=imageの要素を押下しても全く無反応な理由をしりたい
下記HTMLはブラウザを実行すると右上に、2つのボタンが現れ、このボタンを押下すれば
自画面を呼ぶなり、ログインメニュへの遷移(PHP動作)が達成されることを期待していますが
標題のとおり、無反応になっています。
PHPのログに何も現れていません。
まるで画面上部がモーダルウィンドウ配下に隠れているかのごとく、操作が無効です。
===質問===
如何したら反応できるようになるか ...
-2
票
2
回答
160
閲覧数
jsの外部参照について
htmlにjsを外部参照したいのですがページを更新してもjsが動きません。何が悪いのかを教えてもらえると助かります。
0
票
1
回答
454
閲覧数
Laravel 5.6 & AJAX: jQuery.load()のurlパラメターとして、{{ }}表現を使うのは本当に可能?
下記の例(情報源)を見た時に、jQuery.ajaxのurlパラメターとしてbladeテンプレートと同じように{{ }}表現を使っても良いと推測しました。
$.ajax({
type: "POST",
url : "{{ url('/api/login') }}",
contentType: 'application/json',
dataType: 'json',
data:...
0
票
2
回答
2,465
閲覧数
テーブル行上のYes/No形式のラジオボタン、行単位の入力値管理方法を教えてください。
Yes/No形式のラジオボタンを列挙する場合、双方同じname属性のラジオボタン(input要素)にせざるを得ないと思いますが、テーブルの行上でこれらを配置する場合かつ、『行単位で異なる入力を達成したい』際には どういった要素定義の仕方をしたらよろしいのでしょうか?
現在、全行で単一の入力しか行えない=どこかの行で入力が果たされると、他の行の入力値が消えてしまう状況となっています。(...
0
票
0
回答
70
閲覧数
Deferredで括った関数の完了を待ってある動作を達成したい。
問い合わせ内容をよりシンプルにさせて頂きました。
関数:costGetは引数付きで動作する内容ですが、こちらの完了を検知して、その後の動作を達成したい場合、どういったこの関数の呼出し方を行えばよろしいのでしょうか?
https://qiita.com/opengl-8080/items/6eba7922be168edfc439
を参考にして、現在までに仕上げているコーディングは以下のとおりです。
...
0
票
1
回答
255
閲覧数
Defferredで括ったAjaxの戻り値を利用したい
Ajax以前 関数の理解が足りないのかも知れませんが、ご教示頂けませんでしょうか?
以下が現況のコーディングで、当方としては
AjaxでDBからのデータ取得に成功した際は、その内容を画面の項目へ格納、
DBからの取得に失敗した場合は エラーコードを画面にうったえる動作を達成したいと考えています。
====質問====
DB該当なし・接続エラー等の理由でrejectされた際も、...
0
票
1
回答
1,392
閲覧数
div要素の高さを、画面縦サイズ80%を越えた場合のみ固定(縦スライドバーあり)にしたい
AjaxでのDB取得・Tableへの明細表示を モーダル上で表示させるようなことをしています。
(モーダル背景:ID=modal-overlay、モーダル上のコンテンツdiv:ID=modal-content)
コンテンツのdiv上に配置したTable明細数次第で、当該コンテンツ:divの高さは増減するのですが、これを常に中央に表示したいと考えています。
...
0
票
1
回答
1,692
閲覧数
jQueryの横スクロールイベントについて
Jqueryを利用して、一定値を超えた場合にクラスを変更する処理を行いたいと考えています。
やりたい事
1:画面を横720px以下に縮小場合に、指定CSSを設定
2:画面を横721px以上にした場合も指定CSSを設定
確認したい点
画面を縮小した場合はイベントが発火するのですが、拡大した場合にイベントが発火しない為、どなたかご教授いただければ幸いです。
```
<body&...
0
票
2
回答
2,610
閲覧数
jQueryで生成した要素に対してaddClasssでアニメーションが効かない
もともと、html側で要素をつくった場合はうまくいきます。
[css]
.box{
width:100px;
height:100px;
background:tomato;
transition: 3s;
}
.blue{
background:skyblue;
}
[...
1
票
1
回答
7,227
閲覧数
jquery の ajax 通信で json データを複数同時に取得したい
jqueryのajax通信にてjsonデータを複数同時に取得する関数を作成したいと考えております
URLとパラメータの連想配列を配列requestに格納し、
格納されている分だけgetDataMultipulメソッドにて実行
全て取得した後に、処理を続行させる形の作りを検討しているのですが、
whenで並列実行する方法と
その結果を一度に取得し、配列に格納する方法が思いつかずやなんでおります。
...
0
票
1
回答
1,530
閲覧数
jQuery-Validation-Engine でエラー発生時の吹き出し表示をクリックしても消えないようにしたい
フォームのバリデーションにjQuery-Validation-Engineというプラグインを使用しています。
エラーがあるときに吹き出しが出て、その吹き出しをクリックすると消えます。
これをクリックしても消えないようにする方法はないでしょうか?
こちらを読んだのですがさっぱりわかりませんでした。
https://github.com/posabsolute/jQuery-Validation-...
0
票
1
回答
2万
閲覧数
Uncaught TypeError: $(...).on is not a functionが出てしまう
test.jsの「.on('show.bs.modal', function (e)」箇所で以下のようなエラーが出ており、
モーダルは表示されるのですが、モーダルのタイトルが書き換わりません…。
onの使い方、bootstrapのモーダルの書き方がおかしいのでしょうか?
test.js:2 Uncaught TypeError: $(...).on is not a function
...
0
票
1
回答
1万
閲覧数
ハンバーガーメニューをページ内リンクの時に閉じるには
フルスクリーンハンバーガーメニューで、
ページ内リンクの場合にメニューを閉じるにはどうしたらいいのでしょうか?
$('#toggle').click(function() {
$(this).toggleClass('active');
$('#overlay').toggleClass('open');})
.button_container {
...
0
票
2
回答
2,615
閲覧数
動的に作成した表にリンクを追加する方法
例えば、jQueryでJSON等から表を動的に作成した時に、表の値の部分にリンクを貼る方法はないでしょうか。
--------------------------
|都道府県|県庁所在地|
|----------------------------
|北海道 |札幌 |
|----------------------------
|・・・ |
みたいな表を作成した時に、...
0
票
1
回答
60
閲覧数
<span>に対するborder指定
初めまして、HTML・CSS・jQueryを勉強中の者です。
初心者向けのjQueryの勉強サイトを閲覧していて、腑に落ちない部分がありましたので、質問させて頂きます。
質問は、こちらの画像のソースコードについてです。
実行するとspanタグで囲まれた部分が赤字になると書いてあるのですが、このソースコードだと、"spanタグで囲まれたテキストを囲う線が#c00カラーになる"...
0
票
1
回答
139
閲覧数
カルーセル(スライダー)について質問です。
スライダーを作成したのですが、.link(クリックすると、一気に飛ぶボタン)を変化しない場所(current===$(this).attr("role")) でクリックした際に、hide()したはずの.leftや.rightが表示されてしまいます。
なので、なぜhide()が実行されないのかという点と、その解決策をできれば教えていただきたいです。
main.js
var slideWidth="...
1
票
2
回答
416
閲覧数
JQuery 要素を思うように捉えられない
====質問===
table内の行に配置されたボタン要素押下で、当該tableの一番下の行=tr要素を取得したいのですが自分の未熟さから捉えられない状態です。下の図の緑枠のtr要素を変数$rowに格納したいのですが、どういった関数記述で達成できるのでしょうか?
ちなみに、console.logに$(this).nextAll("table").eq(0).prop("tagName")...
0
票
1
回答
775
閲覧数
fullcalendarの定期イベントdowの一部上書き(非表示)について。
fullcalendarのイベントについて行き詰っており質問です。
実現したいこと
国民の休日をgoogleから取得
スタッフの毎週の出勤日をカレンダーに表示[](eventSourcesにdowで実装)←ここまでは実装できています。
会社の公休日にスタッフの出勤日を表示しないようにしたい。(←ここで行き詰ってます。)
fullcalendar 現状のコード
<script src='...
0
票
1
回答
1,933
閲覧数
Pythonのwebアプリでローディングページを表示させたい
Pythonで検索エンジンの仕組みを勉強する一環で検索エンジン制作していて、クローリングするページをクライアントが任意のURLを入力してクロールできるようにしました。
フレームワークはFlaskを使用しています。
システム構成
■検索エンジン
|---■config.py
|---■manage.py
|---■web_crawler
|---■\__init__.py
|---■...
0
票
2
回答
1,539
閲覧数
指定したdiv要素の子要素=tableの、更に子要素であるtrの数を知りたい
皆様いつもお世話になっております。
標題の件、率直に言えば、以下HTMLで、table中のtrを削除したいのですが、class="appLineDummy"というtrは【除いた全て】を削除したいです。(DOMExporerの画像=が表れているのはこの為?!)
div要素にはclass名が付いているので、こちらを起点とした処理を行うか、...
0
票
1
回答
2,196
閲覧数
INPUT TYPE=TEXTの枠内で、タブコードと改行コードの存在を検知したい
JavaScript(JQuery)で、INPUT TYPE=TEXTの枠内に、タブコードか改行コードが検出されたら
エラーを検知するfunctionを作ろうとしています。
====質問====
試しに以下のようにfunctuionを作ってみましたが、何の文字でもエラー検知される状況です。
大変あつかましいのですが、正しく検知する為のコードをご教示頂けませんでしょうか?
//備考チェック
$(&...
0
票
0
回答
134
閲覧数
文字列から完全に一致するテキストにリンクを追加したい
文字列から完全に一致するテキストの色を変えたいのですがどのようにすれば良いでしょうか?JQuery初心者なので教えていただけると本当に助かります。よろしくお願いします。
リンクを追加したいテキスト:111
文字列:111, 112, 113
var searchTxt = '111';
var addLink = $(this).text().split(",");
$.each(txt,...
0
票
1
回答
2,957
閲覧数
Bootstrapのdatatables内におけるselectボックスにデータを挿入する場合について。
失礼します。
JqueryとBootstrap、Javaで開発しています。
今回datatables内にセレクトボックスを設置しているんですが、データの入れ方がうまくわかりません。
わかるかたいましたら、ぜひご教授お願いいたします。
追加 HTML部分のコードです。
<table id="kategoriTanka" class="table table-bordered table-...
0
票
1
回答
1,081
閲覧数
動的に生成されるテーブル中のINPUT要素を、配列化してPHP・JS側双方で捉えたい
皆様、いつも大変御世話になっております。
PHP側で要素を配列として認識できる、との記事をおみかけし、
自分のHTMLに当てはめようとして頭を悩ましています。
テーブル行はJSで動的に形成されます。
こちらの行に含まれるINPUT要素に、本日までは"[]"を付けていませんでしたが
見ようみまねで"[]"を付けてみました...
PHP側での取得にいざ挑戦しようとコーディングを始めたところ...
...
0
票
2
回答
2,554
閲覧数
SUBMIT後に画面上のエラーが発覚した場合、入力内容を維持したい(PHP)
http://www.phppro.jp/school/phpschool/vol6/1
こちらの記事にあるuranai_result.phpを作成して実行してみすると、submitボタン押下前に入力した内容は一体何だったのか、分からないはずです。
このサンプルでは入力項目が一つであり検知されるエラーも単一のため問題にならないと思うのですが、
複数入力項目があって、...
0
票
1
回答
269
閲覧数
BUTTON要素とINPUT要素のTYPE=SUBMITの上ではBSキーの操作を無効にしたい
皆様 いつも大変御世話になっております。
標題の件を達成する上で、以下Javascript(JQuery)のコーディングを行いましたが、機能していないようで相変わらずボタンコントロールの上でバックスペースキーを操作すると、遷移元ページへ移動してしまいます。(当方IE利用)
====質問====
以下コーディングであやまっている部分、もしくは解決策のご教示をお願いできませんでしょうか....。
/...