[jquery] タグが付いた質問
jQueryとは、ジョン・レシグによって開発された、JavaScriptのライブラリである。エレメントの指定がCSSセレクタと同様の記述で選択ができる。「$」を「jQuery」のエイリアスとして定義されており、関数の呼び出しを容易にしている。また、関数をチェーンさせることで、より柔軟な操作が可能となっている。
641
質問
0
票
1
回答
724
閲覧数
URL入力フォームに画像アドレス入力したらフォームの下に画像を表示
URL入力フォームに画像アドレス入力したらフォームの下に画像を表示する機能をHTMLとjQueryで実装したいのですが、ネットで調べても方法が分かりませんでした。
どなたか方法を教えていただけないでしょうか。
ネットで調べた結果、ローカルの画像ファイルをアップロードして表示する方法は見つけられましたが、外部の画像URLを入力する方法は見つけられませんでした。
...
1
票
1
回答
174
閲覧数
半透明になったboxがドラッグできなくなる。
下の箱に入った時に半透明にしています。
すると、ドラッグができなくなります。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>jQuery UI</title>
<...
1
票
1
回答
421
閲覧数
jqueryで要素別にカウントしたい
こんばんわ
要素をドロップするとカウントが増え、ドロップエリアから外すとカウントが減るという動作を要素別にしたいです。
ほんとはドロップするとクローンを作り、繰り返しドロップができるようにしたいです
。以下のようなかんじでやってみましたがうまくできませんので教えていただきたいです
よろしくお願いします
http://codepen.io/anon/pen/jPwrPR
$(...
0
票
1
回答
1,016
閲覧数
jqueryでの1文字ずつのアニメーションについて
ジェイクエリーの1文字ずつのテキストアニメーションで複数行対応する方法で困っています
splitで1文字ずつ配列にいれてforeachで配列をspanでくくりアニメーションさせているのですが
brタグなども1文字ずつ格納されてしまうためbrタグは1文字で格納されないようにしたいのですが方法がわかりません
欲を言えばbrタグのみではなくhtmlタグは1文字で配列に格納されずにしたいです。
また、...
1
票
1
回答
2,249
閲覧数
jQueryで特定のクラスが付与されていたら、アニメーションを実行するには?
jQueryで、特定のクラス(以下.animate)が付与されていたら、その中の特定のクラス(.slideFirst)を探してアニメーションを実行させたいのですが、うまくいきません。
.animateのクラスは、最初から付与されているものではなく、スライドが一番前に来た時に、付与されるものです。以下、jsの一番最後に入れたのですが、動きません。
//上部省略
if (index === 0) {...
0
票
1
回答
772
閲覧数
ドロップされた要素を保存する
こんにちは、度々すみません
今、monacaを使いドラッグアンドドロップでドロップされた画像をボタンクリックでローカルストレージに保存し、次のページで表示させようとしています。
そこで、ボタンをクリックすると画像(パス)をストレージに保存させようとしていますが
drop後のtrush内の値を保存させようと
$(function() {
$("#next").click(onnext);
})...
1
票
1
回答
518
閲覧数
jqueryでの条件分岐について
ドラッグアンドドロップで要素ごと(今回の場合画像)のカウントをしたいです
http://codepen.io/anon/pen/MwmMyY
$(function() {
// there's the gallery and the trash
var $gallery = $("#gallery"),
$trash = $("#trash"),
...
1
票
2
回答
455
閲覧数
monacaで変数が使えない場合
日時の計算をしようとしています。
codepenでは問題なくログに結果が表示されますが
monacaで試すとnullになってしまいます
変数ではなくnew Date()に日時を直接指定してもだめでした。
原因がわかりませんのでよろしくお願い致します。
var gg = '2015-12-31 23:59';
var ff = '2015-12-31 23:56';
...
2
票
1
回答
4,104
閲覧数
localStorage.setItemで複数の値を保存したい
こんにちは!
ボタンクリックで要素内の値を複数取得し、localstorageに保存したいのですがうまくできません。
コードが長くなってしまうのでこちらにて失礼します
http://codepen.io/anon/pen/xGEjLO
$(function() {
// there's the gallery and the trash
var $gallery = $("#...
3
票
1
回答
616
閲覧数
monacaでフォームのダイアログを繰り返し出したい
monacaにて
ボタンクリックでフォームのダイアログを出す
↓
入力
↓
新しくボタンが出来る
これを3回ほど繰り返したいと思っています。
http://codepen.io/anon/pen/KpNVNr
$(function() {
var dialogTable = $('#jquery-ui-dialog-table');
var nextIndex = 0;
...
0
票
1
回答
155
閲覧数
jQueryのメソッド拡張をRailsで使いたい
HTML5にある、hidden属性をjQueryで扱うためにこちらにある関数を使いたいのですが、jQueryのメソッド拡張がうまくいきませんでした。
https://jsfiddle.net/jhfrench/g8Sqy/
$('button').click(function() {
$('#myElement').toggle(function() {
...
0
票
2
回答
2,775
閲覧数
クリックファンクションがうまくいきません。
class="link-block"のついたliつまりリストをクリックした時、.removeClass('active');でactiveというクラスを削除するようにしたかったのですが、
なぜかリストをクリックしても反応せずに削除されません。
id="maware"のliだけは、反応して削除されます。
CSSにとしてもだめでした。どうもclass="link-block"...
2
票
1
回答
2,147
閲覧数
canvasで描いた絵をlocalstorageに保存してデータを表示したい
canvasとlocalstorageを使ったwebアプリケーションを作っているのですが、
canvas内に描いたデータをlocalstorageに出力して、そのデータを画像で表示するところまで行いたいと思っています。
色々調べてみるとbase64を使って、描いた絵を文字列として認識するのは分かり、
localstorageには、png型で記載されているのですが、...
3
票
1
回答
5,594
閲覧数
Highchartsライブラリ / X軸件数が多い時、適当に間引いて表示したい
Highchartsライブラリ / X軸件数が多い時、(動的生成する)全体件数から判断して、適当に間引く(良い感じに表示する)方法はあるでしょうか?
1
票
1
回答
111
閲覧数
rangeの値に合わせてarcで図形を生成したい
<input type="range" name="range" id="range" data-input="input" value="0" max="70">
<canvas id="rangearea" width="80" height="80"></canvas>
上のrangeの数値に合わせて、...
1
票
3
回答
3,152
閲覧数
jQueryでクラスを置き換えるにはどうしたらよいでしょうか。
jQueryでクラスを置き換えるにはどうしたらよいでしょうか。
1秒後にclass="n1"がclass="n10"に変更
1秒後にclass="n2"がclass="n1"に変更
2秒後にclass="n3"がclass="n2"に変更
3秒後にclass="n4"がclass="n3"に変更
4秒後にclass="n5"がclass="n4"に変更
5秒後にclass="n6"がclass="...
2
票
4
回答
1,931
閲覧数
offsetメソッドの戻り値が整数とは限らないのは、以前からの仕様ですか?
jQueryのoffsetメソッドで位置情報を取得したら小数点で返ってきました。
これまでは整数が返ってきていた(と思っていた)ので驚きました。
jQuery バージョン
・1系
質問1
・何か仕様上の変更があったのでしょうか?
・それとも以前から、位置情報は小数点で返ってくるものなのでしょうか?
・遭遇したケースが、たまたま整数戻り値だっただけ?
・...
3
票
2
回答
3,101
閲覧数
JavaScript(jQuery)でkeydown,keyup等のイベントで重い処理をするときsetTimeoutすべき?
以下のような処理があったとき、重い処理はsetTimeoutで処理すべきでしょうか?
$(document).bind("keydown keyup",function(e){
if (e.type === "keydown"){
... //重い処理
}
if (e.type === "keyup"){
... //別の処理
}
}...
2
票
1
回答
1,994
閲覧数
css3 アニメーションで左にスライドして次の要素を見せるには?
css3 アニメーションで左にスライドして押し出すようにして、次の要素を見せたいのですが文字が重なってうまくいきません。
.slideFirstを左にスライド(left:0→left:-300px)すると、控えていた.slideSecond(left:300px→left:0)もスライドして見せたい。
外側の#wrapは width:300pxの為、....
3
票
4
回答
2万
閲覧数
JQueryのAjaxのJSONを取得したい
JQueryのAjaxでdone()を使用しています。その返り値から以下のようにJsonデータを取得しようとしているのですが、エラーがでてできません。
//$.Ajax().done(function(response){
var data = $.parseJSON(response.responseJSON);
});
エラー
Uncaught SyntaxError: ...
2
票
2
回答
339
閲覧数
電卓アプリをFRP的に実装するには?
数値入力イベントのstreamと
-1-2-3---4-5-6---7-8-9--
演算子入力イベントのstreamから、
-------+-------+--------
計算に用いるオペランドのstreamを生成して、
---123-----456-----789--
最終的に演算結果のstreamを生成する
---123-----579-----1368-
...
2
票
2
回答
526
閲覧数
attrによって読み込むajaxを振り分けたい
下記の様なコードでボタン毎に読み込むjsonオブジェクトを切り替えて、画像を読み込みたいのですが、そもそもそういった事は可能でしょうか?
$(document).ready(function(){
$('button').on('click', function(this){
$.ajax({
type: 'GET',
url: 'data-...
2
票
1
回答
2,836
閲覧数
blurイベントで開始した非同期処理が完了するまでフォーム送信をさせないためには
よろしくお願いいたします。
HTMLでコード入力用のテキストボックス(#item_cd)があります。
javascriptでは、#item_cdのonblurイベントで、入力されたコードからマスタデータを参照して、取得した値から名称の表示や計算を行うような処理を記述しました。
処理はdeferredとpromiseを使って取得~計算までを一連の流れとして記述しています。
また、画面には「登録」...
3
票
3
回答
3,208
閲覧数
jQueryまたはJSまたはcss3のanimationで滑らかに移動させるには?
class="n2"からclass="n1"に移動する際、滑らかにスーッと移動させたいのですが、うまくいきません。
今は、かくかくしています。
jsでclassを変更してcssのpositionで位置をズラしているのですが、滑らかに移動(変更)させるには、どこにどのように書いたらよいでしょうか。ご教示の程よろしくお願いいたします。
https://jsfiddle.net/Lennxhjc/1/
...
1
票
1
回答
826
閲覧数
jQueryUIのui-frontクラスの使い方
jQueryUI DialogのAPIには、かつてzIndexオプションがありましたが、現在はありません。
そこで、代替手段は無いのだろうかと調べた所、下記のページを見つけました。
http://api.jqueryui.com/theming/stacking-elements/
どうやらui-frontクラスを介してz-indexの制御ができるようなことを書いてあると思うのですが、...
4
票
1
回答
1,034
閲覧数
コンボボックスフォーカス時に、左右キー押下で値が変更されるのをキャンセルしたい
コンボボックスフォーカス時に、
左右キー押下でコンボボックスの値が変更されるのをキャンセルしたいのですが、
方法はありますでしょうか?
ちなみに、
javascriptのkeydownイベントに、
event.stopPropagation();
event.preventDefault();
return false;
などを記述してみましたが効きませんでした。
3
票
1
回答
1,512
閲覧数
SVG 要素をJavascriptのmousemoveイベントとsetIntervalとの組み合わせ
Javascriptとsvgの勉強として以下のコードを作成してみました。
1週間程かけてsvgの仕組み,JavascriptのaddEventListener,jQueryのイベント関連関数など色々試してみましたが一番スムーズに動いたソースを張り付けておきます。
以下のリンクで確認できます。
エラーは出ませんがマウスを動かさないと中央部分がランダムに動かない
$(document)....
3
票
2
回答
1万
閲覧数
CSSのtransform、translateを取得するには?
cssのtransformプロパティについて質問があります。
transformプロパティに、translate(xpx, ypx)を指定した場合のデータを取得するには、どのようにしたらよいでしょうか?
この時、文字列以外の形式で取得したいです。
ウェブブラウザ:Google Chrome バージョン 45.0.2454.101 m
・試したこと
1.jqueryでcssを適用した場合
$(...
10
票
8
回答
1万
閲覧数
for文でclick時の動作を定義したい
要素#elem0 .. #elem9に対してクリックイベントを設定し、それぞれの要素に対応した番号をalertで出したいと思っています。
下記のコードだと、#elem0をクリックしたときには0、#elem1をクリックしたら1、といったようにです。しかし、下のコードだと常に10が表示され、上記のような挙動になりません。どうすればいいのでしょうか?
for (var i = 0; i < ...
2
票
2
回答
558
閲覧数
keyframeを用いて表示させる文字のアニメーション
keyframe animationをもちいてboxに表示させる文字を”A”→”B”→”C”→”D”->E""と変化させたいのですがcssのkeyframeからtext自体を変える方法がわかりません
<body>
<p>A->B->c->D</p>
<button onclick="start()">start</...
0
票
1
回答
106
閲覧数
縦横比を保持して、表示領域に収まるようにブロック要素を表示したい
表題の通りです。
例えば2:3のボックスを表示したいとして
縦横比を維持したままブラウザの横幅に合わせてサイズを変更させることは簡単にできますが
ブラウザの高さによっては画面に入りきらずスクロールバーが出てきてしまいます。
そうではなく、background-size: contain; のように
縦横比を保持して表示領域に収まるようにブロック要素を表示させたいです。
...
0
票
1
回答
208
閲覧数
メガメニューのトグルがうまく行かない
ヘッダーにメガメニューを実装しようとしています。
下記スニペットのような実装をしているのですが、
初めて.nav(または.nav__item)をホバーした場合はslideDownで開く
.nav内でかつ.nav__itemを行き来する場合はfadeInとhideで切り替え
.navのエリアから出た場合はslideUpで閉じる
ということがやりたいです。
.nav内にいる場合は.navに....
0
票
1
回答
1,040
閲覧数
改行コードを含むinput要素の値がalert関数で改行されない
例が悪かったので書き直します。
<input type="hidden" id="testId" value="aaaaa\nbbbb">
<script
src="https://code.jquery.com/jquery-2.2.4.min.js"
integrity="sha256-BbhdlvQf/...
1
票
1
回答
4,845
閲覧数
textメソッドとvalメソッドの違いは何ですか?
textメソッドとvalメソッドはどう違いますか?
初歩的な質問ですが、説明をよんでもピンとこないので・・・
1
票
1
回答
87
閲覧数
jQueryでの変数定義について
jQueryを勉強している者です。
変数を定義するときに、変数名に$が付く場合と付かない場合があるのですが、
どのような違いがあるのでしょうか?
0
票
0
回答
110
閲覧数
fullcalendarでdayclickした際に時間計測が出来るタイマーの様な画面に遷移させたい
お世話になります。
現在jqueryのプラグインであるfullcalendarを使用してcalendarを実装しています
そこで下記の様な問題に直面しています。
①dayclickをすると、他のJSファイルが呼び出される様にしたいが出来ない
※$.getscriptを使用し、jsファイルを指定しても404ステータスが表示される
$(#calendar).fullCalendar({
...
0
票
0
回答
314
閲覧数
hiraku.jsのドロワーメニューが、ページ変遷後にも閉じないです。
該当ページ
LPを作成しています。スマホサイズでhiraku.jsのドロワーメニューが出ます。
が、ドロワーメニュー内のページ外リンクを踏んで作成中のページに戻ると、
ドロワーが表示されたままになります。これを解消したいのです。
ディベロッパーツール上では現象が再現されずスマートフォン実機で見ると、
上記現象が起きます。
ドロワー内の一番上のロゴのリンク先(弊サイトトップページ)から
...
0
票
1
回答
357
閲覧数
list.jsでソートしたらhtmlが消える
list.jsを使ってテーブルをソートしたらテーブルの中身が全部消えます。何故でしょうか...
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="https://stackpath....
0
票
1
回答
1,283
閲覧数
xmlファイルをjQueryで読み込み時にCORSエラー
ローカルでindex.htmlを作り、Yahooのニュースページのxmlファイルの中身をjQueryを用いて取得しようとしていますが、Google Chrome Consoleにおいて以下のエラーが生じ、正しくページが表示できません。
Access to XMLHttpRequest at 'http://headlines.yahoo.co.jp/rss/all-c_int.xml?_=...
0
票
1
回答
2,893
閲覧数
jQueryを使ってテーブルの複数行を表示、非表示にしたい
表を作成していて初期は隠し行ありの状態でその行をクリックすれば隠し行すべてが表示されるものを作成しております。
現状下記サイトを参考にして作成したのですが、1行しか開閉できません。(初期状態で残りの行も見えてしまう)
http://kachibito.net/snippets/expand-table-rows-using-jquery-html-and-css
...
0
票
2
回答
191
閲覧数
jQueryで要素の大きさ(width)に合わせて、色を変えたり、画像を表示したい!
jQueryを使って、格闘ゲームの体力ゲージを表したいと思っています。
体力ゲージは「#box」で表現。CSSでwidthを100pxで設定。
"#btn"をクリックすると"#box"の幅が20pxずつ縮小する。
"#box"のwidthが残り40pxになるとゲージがCSSオレンジ色になる。
"#box"のwidthが残り20pxになるとゲージがCSS赤色になる。
"#box"...
0
票
1
回答
863
閲覧数
jQueryで要素の横幅(width)を拡大縮小するには?
jQuery初心者です。
Googleで調べまくったのですが、やり方が見当たらず…。皆さん教えて下さい。
既に、CSSでwidthを100pxで設定している要素に対して、
jQueryを使って「"#btn"をクリックすると"#box"の幅が20pxずつ縮小する」
という指示は出来ないものでしょうか。
$("#btn").on("click",function(){
$("#box"...
0
票
0
回答
158
閲覧数
AdminLTE 要素の範囲外をクリックした際に、指定のクラスを外す方法
AdminLTE を使用しています。
AdminLTEの機能で、
<a href="#" data-toggle="control-sidebar"></a> をクリックすると、
<aside class="control-sidebar control-sidebar-light"> に自動で、
control-sidebar-openクラスが付与され、
(...
6
票
4
回答
1,143
閲覧数
あるhtmlタグについて、それを内包しているタグから見た時に何番目の位置に存在しているのか知りたい
例えば、name属性がtitleであるinputタグを内包しているliタグは、ulタグ内で何番目に位置するか という情報を取得したいとき、どのようなJavaScriptを記述すれば実現できるのか良いアイディアが出ません。
どなたかご教授いただければ幸いです。
<ul>
<li><input type="text" name="title"></...
0
票
1
回答
3,497
閲覧数
画面幅に応じて「指定ブロック要素内のテキストが常に一行」となるようフォントサイズ調整したい
下記div要素を、どのような画面幅でも常に一行となるようフォントサイズ調整したいのですが、どうすれば良いでしょうか?
<div><a href="">動的に生成する任意のリンクテキスト</a> 文字列 <a href="">動的に生成する任意のリンクテキスト</a></div>
0
票
1
回答
1,045
閲覧数
jQueryの開閉式コンテンツをクリックで閉じるタイミングにコンテンツトップに移動したい
jQueryを利用して、ページ内のコンテンツ(テキストや画像)をslideToggleで開閉式にしたいと考えています。
[閉じる]ボタンをクリックした歳に開閉式コンテンツ(#readmore-wrap)のトップにアニメーションで移動させたいと思っています。
私の書いたjsだと[続きを読む]をクリックした歳にも#readmore-wrapのトップに移動してしまいます。
希望としては以下になります。
...
0
票
2
回答
120
閲覧数
localstorageを使って、テーマカラーを取得しテーマカラーを保存しておく方法
ボタンをクリックすることで、styleSheetを変更し、テーマカラー(背景色)を変えるように設定しました。
ここまでの設定はできたのですが、
localStorageを使って、変更したテーマカラー保存した状態にしたいのですが、
localStorageをどのように設定したらよいのかがわかりません。。
localStorageを使用するのが初めてで、
保存するときは、localStorage....
0
票
1
回答
433
閲覧数
jquery ハンバーガーメニューの中のメニューの一つを押したとき
ハンバーガーメニューの中のメニューのうちのどれか一つを押してメニューを非表示にしつつ#ページに戻りたいです。
ハンバーガーメニューのアイコンを押せば非表示にできますが、メニューを押しても非表示になりません。ハンバーガーメニューは固定しています。
どなたかよろしくお願いします。
ソースコード
<div id="navigation">
<div class="...
0
票
0
回答
254
閲覧数
ajax JavaScriptにfor文を埋め込みたい
下記の様な書き方は可能でしょうか?
doneのsearchResultでの結果を数分回したいのですが、どのように書けばいいのかわかりません。
上記で実行してみた結果ループは動きませんでした。ajaxの結果をどのように回すのか教えていただきたいです。
Ajax
$(function(){
$('#ajax').on('click',function(){
$.ajax({...
0
票
1
回答
393
閲覧数
json動的生成とアクセス方法について
DBから任意の値を取得して、jsonを動的に生成した後の定数?にアクセスする方法がわかりません。
どなたかヒント等いただけますでしょうか
下記のような実装を考えています。
例えばですが
(JQuery)
var json_data = <?php echo $json ?>; // php等でJSONの値を取得
var json = JSON.parse(...