[jquery] タグが付いた質問
jQueryとは、ジョン・レシグによって開発された、JavaScriptのライブラリである。エレメントの指定がCSSセレクタと同様の記述で選択ができる。「$」を「jQuery」のエイリアスとして定義されており、関数の呼び出しを容易にしている。また、関数をチェーンさせることで、より柔軟な操作が可能となっている。
641
質問
1
票
1
回答
5,997
閲覧数
Springでの、MultipartFileの非同期アップロード
同様の記事は多数見受けられましたが、一通り試して解決しなかったため、ご教授願います。
Spring4
Java8
WTPServer
を使用した環境での、input type="file"の非同期アップロードについてです。
一部では、「セキュリティー上の都合で、Ajaxでの送信はできない」とのコメントがありましたが、
少数派であったため、信ぴょう性にかけました。
form.submit()...
1
票
1
回答
1万
閲覧数
jQueryのイベントハンドラーをイベント発動後に無効化する
以下のようにクリックイベントを2つ設定して、do 1の方で特定の条件を満たした場合、do 2をキャンセルしたいのですが上手くいきません。
$(".foo").click(function(event){
// do 1
});
$(".foo").click(function(event){
// do 2
});
do 1側では preventDefault()、$(this)...
1
票
1
回答
2,229
閲覧数
Handson Tableを使ったスプレッドシートの開発
HandsonTableを使ってスプレッドシートの開発を行っております。
ソースは下記alertの部分はチェック用で実際にはajaxでサーバに送信しようとしています。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<link rel="stylesheet"...
1
票
1
回答
1,470
閲覧数
jQueryプラグイン「fixedTblHdrLftCol」 [クローズ済み]
jQueryプラグイン「fixedTblHdrLftCol」を実装したいのですが、反映されません。
全くの初心者なので、プラグインの方法をいちから教えていただきたいです。
1
票
1
回答
635
閲覧数
autopager.jsで2ページ目以降読み込み後、lightboxが効かなくなる
<div class="contents">
<?php if (have_posts()) :while (have_posts()) : the_post();?>
<div class="post"></div>
<div class="post"></div>
<div class="post"></...
1
票
1
回答
735
閲覧数
jQuery Ratyの評価をsubmitボタンでPHPに渡す方法
jQuery Raty(http://wbotelhos.com/raty) を使用して、書籍のレビューを投稿するフォームに5段階評価をつけたいと思っています。
<form action="review.php" method="post">
<label class="control-label" for="title">作品名</label>
&...
1
票
1
回答
415
閲覧数
jQuery ui tab の タブ画面内にて、リンクの展開?をおこないたい
お世話になっております。
現在、jQuery ui tab を用いた画面を作成しているのですが、タブ画面内にて、リンク先ページの読込方法がわかりません。
動きとしては、[タブAクリック]⇒[タブAにtest1.htmlが読込まれる]⇒[test1.htmlに記述されている、a href="test2.html" をクリック]⇒[タブAにtest2.html] が読込まれる・・・...
1
票
2
回答
738
閲覧数
jQueryとphpの連携がうまくいかない
独自のいいねボタンをajaxを使って実装しようと思っています。
jQueryとPHPを使っています。
ただ、flock()のところでエラーが表示されボタンを押してもうまく実行できません。
//clickCount.js
$(function(){
$('.letsVote').on('click' , function(){
$this = $(this);
...
1
票
2
回答
882
閲覧数
Highchartsの初期表示の際のアニメーションを変えたい
Highchartsでは標準で円グラフのパイが中心から放射状にアニメーションしますが、これを止めたいです。何か方法をご存知ありませんか?
1
票
2
回答
437
閲覧数
formの要素を増やして、ユニークなnameを付ける
以下のinput要素をボタンを押すと要素が増えるといった仕組みを作りたいと思っています。
ただ、新しく生成した要素のnameはtext_title1やtext_html1といったユニークなものにしたいです。
どのようにすればうまくいきますでしょうか。
詳しい方、ご教示下さい。宜しくお願い致します。
<li><input type="text" placeholder="タイトル"...
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
票
1
回答
113
閲覧数
子nodeが取得できない
jquery Bonsai というプラグインを改造してjqueryのオリジナルプラグインを作成しています。
https://github.com/14021939/dropdownCheckCombobox
dropdownCheckCombobox.js(96行目)で、this.bonsaiの子nodeが取得できません。(コンソールでの出力ではObject[]になります。)
...
1
票
1
回答
3,798
閲覧数
Ajaxを使用してjsonデータを上手く取得できません
< script src = "http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js" > < /script>
<script>
$(function(){
$('button').click(function(){
$.ajax({
...
1
票
1
回答
518
閲覧数
jqueryでの条件分岐について
ドラッグアンドドロップで要素ごと(今回の場合画像)のカウントをしたいです
http://codepen.io/anon/pen/MwmMyY
$(function() {
// there's the gallery and the trash
var $gallery = $("#gallery"),
$trash = $("#trash"),
...
1
票
1
回答
421
閲覧数
jqueryで要素別にカウントしたい
こんばんわ
要素をドロップするとカウントが増え、ドロップエリアから外すとカウントが減るという動作を要素別にしたいです。
ほんとはドロップするとクローンを作り、繰り返しドロップができるようにしたいです
。以下のようなかんじでやってみましたがうまくできませんので教えていただきたいです
よろしくお願いします
http://codepen.io/anon/pen/jPwrPR
$(...
1
票
1
回答
2,250
閲覧数
jQueryで特定のクラスが付与されていたら、アニメーションを実行するには?
jQueryで、特定のクラス(以下.animate)が付与されていたら、その中の特定のクラス(.slideFirst)を探してアニメーションを実行させたいのですが、うまくいきません。
.animateのクラスは、最初から付与されているものではなく、スライドが一番前に来た時に、付与されるものです。以下、jsの一番最後に入れたのですが、動きません。
//上部省略
if (index === 0) {...
1
票
1
回答
77
閲覧数
jQueryプラグイン作成時の画像の場所
jQueryプラグインを作ったのですが、読み込む必要がある画像の配置場所に迷っています。
普通にフォルダに配置するものでしょうか?
読み込む画像は一つなのでいっそBase64でエンコードして埋め込んでしまおうかとも思ったのですが、それも微妙かな、と。
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="...
1
票
1
回答
783
閲覧数
Ruby on Railsでjquery-railsのバージョンを4.0.2にしたい [重複]
現在以下のようなGemfileを使用していて、
ruby '2.0.0'
gem 'rails', '~> 4.0.2'
group :production do
gem 'pg'
gem 'therubyracer', :platform => :ruby
end
group :development, :test do
gem 'sqlite3'
end
gem '...
1
票
1
回答
930
閲覧数
Ruby on Railsでjqueryのバージョンを2.xにしたい
Gemfileで
gem 'jquery-rails', '~> 3.1.0'
としてbundle updateとかbundle installとかやってみたんですがjQueryのバージョンが1.11.1のままになってるみたいなんです。
jquery.jsで
* jQuery JavaScript Library v1.11.1
となってるし、
puts Jquery::Rails::...
1
票
1
回答
607
閲覧数
ショッピングカートでのドラッグアンドドロップ操作
こんばんわ
ショッピングカートのシステムについてお聞きしたいです。
参考URL
http://www.webresourcesdepot.com/wp-content/uploads/file/drag-drop-shopping-cart/
このサイトではカートに入れるとタイトルが表示されていますがこれを画像に置き換えるにはどうすればいいでしょうか
basket.find("ul")....
1
票
1
回答
1,910
閲覧数
複数APIの結果をまとめた配列を取得したい。(非同期)
複数URLの取得結果をまとめた配列にしたいのですが、下記のコードでは結果がNULLになってしまします。
ログではtitleは取れている形跡はみられますが、配列をNULL要素で作った後にWebから結果を取得しているように見えます。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="...
1
票
1
回答
1,084
閲覧数
jQueryで複数の文字列を取得して指定場所に代入したい。
文章編集アプリケーションのような物を作りたいと考えています。
ボタンを押した際に文章を編集可能にするため、.html()でインプットへと変更しているのですが、取得したHoge,Fugaやhogehoge,fugafugaを所定の位置に挿入するやり方はありますでしょうか?
$(document).ready(function(){
$('#edit').on('click', ...
1
票
1
回答
429
閲覧数
keyframe,animation のパラメーターをinputtypeから設定したい
Boxの横幅を 0%50pxから入力した値に変化させるというアニメーションを作成したいのですが
取得した入力値をkeyframeのパラメーターをして設定する方法がわかりません。
こちらがHTMLです。
<dl>
<dt>0%</dt><dd>50px</dd>
<dt>100%</dt><dd>&...
1
票
2
回答
421
閲覧数
jQueryのoffsetメソッドをJavaScriptだけで書くには?
HTML要素のoffsetLeftプロパティは、親要素マージン有無に影響を受けるでしょうか?
・その際、positionプロパティも関係する?
また、jQueryのoffsetメソッドをJavaScriptだけで書くにはどうすれば良いでしょうか?
1
票
1
回答
307
閲覧数
javascriptでキャレットのように動かせる目印を作りたい
↑イメージはこんなかんじです
jquery/jquery-ui可です。
input[type=text]の下に目印をつけ、その情報をさんぷる[目印]さんぷるというフォーマットで取得するにはどうしたらよいでしょうか。
目印を付けてドラッグ出来るようにすることはできましたが、文字と文字の間にしかおけないキャレットと同じような振る舞いにすることができません。
...
1
票
1
回答
2,163
閲覧数
jquery-uiのdraggableでドラッグした要素を取得する方法
jquery-uiのdraggableでドラッグした要素を取得する方法を教えてください。
<div class="draggable">1</div>
<div class="draggable">2</div>
<div class="draggable">3</div>
<div class="draggable"&...
1
票
1
回答
430
閲覧数
monacaのtextareaの大きさを変える
monacaの勉強を、参考プログラムのメモ帳を改造するところからはじめてます。
最初の状態だと、メモを書き込むtextareaがすごく狭いのですが、大きくする方法がわかりません。
CSSでは無理なのでしょうか?
わかる方いらっしゃいましたらよろしくお願いします。
1
票
1
回答
2,082
閲覧数
Datatablesのソースで、表示件数変更欄を生成している部分が知りたいです
Datatablesのソースで、表示件数変更欄を生成している部分が知りたいと思い、
settings._iDisplayLengthと記載されているソースを調査していますが、見つける事が出来ていません。
分かる方がいましたらご教授をお願いします。
DataTablesダウンロード
1
票
2
回答
1,287
閲覧数
jQueryでタブ切り替えされたフォーム複数要素を取得するには?
jQuery, Javascript初心者なので質問させて頂きます。
タブ切り替え要素のinput, textareaの要素を一度に取得して確定を押した後にappendに入力したいと思いますがうまくいきません。
他の記述方法やシンプルに書き換えることが可能でしたらご指導頂ければと思います。
function saveField(obj) {
var thisId = obj....
1
票
1
回答
1,251
閲覧数
JqueryのDataTables内で、ページ選択ボタンをtableに追加している箇所が知りたいです
JqueryのDataTables内で、ページ選択ボタンをtableに追加している箇所が知りたいのですが、
なかなか見当たりません。
分かる方がいましたら、ご教授をお願いします。
・使用しているJquery.datatables.jsのダウンロードリンク
datatables
1
票
1
回答
662
閲覧数
このjQueryのコードをネイティブのjavascriptで書くとどうなりますか?
$.ajax({
url: '/ajax/',
type: 'get',
async: false,
success: function (d) {
console.log(d);
},
});
1
票
2
回答
1万
閲覧数
jQuery.ajaxでJSONがnullの場合の処理
jsonファイルの読み込みの際にnullが帰ってきた場合のみ表示させないようにしたいのですが、なかなかうまくできません。
以下コードになります。
time.json
{
"fromTokyo" : {"air" : "1 hour 30 min", "train" : null, "bus" : null},
"fromOsaka" : {"air" : "1 hour 45 min", ...
1
票
1
回答
665
閲覧数
CakePHPのViewにMySQLのJSONデータを渡して管理画面(Table)を作成する方法
データのWeb管理画面を作成しています。
【現在の状況】
管理者ログイン画面は作成しました。またログイン後に、CakePHPとで取得したテーブル情報を、JSONでViewに送信するところはできています。
【やりたいこと】
取得した JSON ファイルをもとに、管理テーブルを作成したいです。
イメージとして、各行には、取得した情報と、ステータスを操作するためのボタンがついています。ボタンを押すと、...
1
票
1
回答
880
閲覧数
jQuery で、スクロール追従型にメニューをカスタマイズしたい
下記サイトの右メニュー下にある、「スポンサードリンク」のように、スクロールしてもページ内の固定位置に残るメニューを実装したいです。
http://www.akb48matomemory.com/archives/1017688632.html
ただ、以下のようにもしたいのですがこういった実装は可能なのでしょうか。
下にスクロールした場合はトップ固定
...
1
票
1
回答
1,229
閲覧数
FullCalendar 上のスケジュールイベントが F5 キーでの再読込で消える
FullCalendar について教えてください。
いくつかのサイトを参考にしてセットアップをしました。
(参考サイト)jQueryのFullCalendarが素敵
予定を新規登録したりドラッグしてずらしたりしても、F5で再読込を行うと元に戻ってしまい、スケジュール登録前に戻ってしまいます。公式のデモもドラッグして予定をずらしてもF5で再読込すると元に戻ってしまいますよね?
これは、...
1
票
1
回答
79
閲覧数
要素Aの数字より要素Bの数字が小さい場合に、要素Cに判定を出したい
以下のような予算(class="budget")を費用(class="cost")が上回った場合に判定結果(class="result")に「予算オーバー」と表示したいですが上手くいきません。
ご教授のほどよろしくお願いいたします。
▼HTML
<div>
<div><span class="...
1
票
0
回答
305
閲覧数
railsにratyを導入したいがエラーが出る
環境
ruby 3.1.2
rails 6.1.4
raty 4.1.0
解決したいこと
Ruby on railsで本のレビューの投稿をできるようなページを作成しています。
ratyで星による評価を実装しようとしたところ、下記のエラーが出てしまいました。
raty.jsはhttps://github.com/wbotelhos/raty/blob/main/src/raty.js
...
1
票
1
回答
108
閲覧数
メニューをクリックするとメニュー文字が動いてしまう
メニューをクリックすると画像がメニュー文字の背後に出てくるものを作ったのですが、画像が出てくると同時に文字が左に押し出されてしまって不自然になってしまっています。z-indexで上下をいじってみたりしましたがよくわからず…わかる方ご教示していただけると助かります。画像が出てくるのはjQueryでクラスをつけたり消したりする処理をしています。
<!DOCTYPE html>
<...
1
票
0
回答
1,361
閲覧数
Uncaught ReferenceError: $ is not defined とjQueryの読み込みについて
javascriptとjQueryを使ってHPを作成中です。
両言語とも初心者です。
jQueryは2つ以上読み込まない方がいいと言うのもあるみたいですが
今回はこちらにあるサイトの動きを模倣したいと考えてます。
ソースが載ってるGitHubにはjQueryを以下の通り2つ読み込んでるように思えます。
<script src="https://cdnjs.cloudflare.com/...
1
票
1
回答
225
閲覧数
inputのテキスト編集後、<td>内に指定したアイコンを再度表示させる方法
jQueryを使って、inputをクリックすることでinputのテキストを修正できるようにしました。
テキストを編集するようにはできたのですが、
編集できるテキストをわかりやすくするために、<td>内に、
icon(<i class="fa fa-pencil>)をつけたのですが、
編集後、icon部分が表示されなくなってしまいます。
...
1
票
0
回答
123
閲覧数
AngularJSでファイルアップロードとクロスドメイン問題
AngularJSのajaxを用いて、ファイルのアップロードを行いたいのですが、色々検索してみたやり方だと、
headers:{"Content-type":undefined}
,transformRequest: null
というように、ヘッダーに「undefined」と指定すればよい、と記載されているサイトが多くありました。
ただ、AngularJSを使用しているのがスマホアプリで、...
1
票
0
回答
215
閲覧数
jQuery3.2.1で要素の大きさ(width, height)を拡大縮小するアニメーションの実装。
jQueryである要素を一定の間隔で拡大縮小(膨らんだり、縮んだり)を永続的にさせる効果を実装したいのですが。
思うように動かず困っております。
jQueryもですし、Javascript自体触ったばかりで初歩的な内容で申し訳ありません。
対象の要素:btn1
CSS:width: 300px;,height: 60px
jQueryコード:
$(function () {
...
1
票
0
回答
248
閲覧数
three.jsで表現したパーティクルの集合図形を整列させたい。
以下のURLにあるように、スクロールしたらパーティクルが集合し、図形を表現する動きを実装しています。
リンク
コード内にもありますが、集合する図形の座標情報はstlの3dデータをblenderという3d編集ソフトを使用してjsonデータに変換したものを読み込んでいます。
しかし、こちらの座標情報だと頂点座標しか格納されていないために、...
1
票
1
回答
798
閲覧数
jQueryで要素を表示させた時に常に最下部にスクロールさせたい。
jQueryを使って、リスト要素を順番に表示するような以下のコードを書きました。しかしこれだと、要素が画面外まで表示されたときに見切れてしまいます。なので、表示された時と同時に、一番下にスクロールするようにしたいのですがどのようなコードを書けば良いのでしょうか。ご教授願います。
main.js
$(function(){
$('#fadein-area ul li').hide();
...
1
票
1
回答
1,479
閲覧数
遷移された子画面でリスト選択された値を、親画面のあるテキストボックスへ戻したい
親画面に動的で生成されるテーブルが存在しています(初期表示は10行)。初期表示の各行には行追加ボタンがあって、行を無限に増やすことができます。
また、各行のある列にはinputタグのテキストボックスを構成していますが、nameだけが割り当てられているだけで、どの行もclass・id双方が設定されていない状態です。
window.openで開く子画面は、...
1
票
1
回答
3,712
閲覧数
mw wp form datepicker のjs引数の書き方を教えてください
wordpressのプラグイン「mw wp form」の日付(datepicker)で、期間を指定したいのですが、うまく反映されません。
例えば、本日〜2017年7月20日までしか選択出来ないようにする場合、
[mwform_datepicker name="" size="" js='"minDate": "0","maxDate": "new Date( 2017, 7, 20 )"']
...
1
票
1
回答
3,918
閲覧数
jQueryプラグインの「slick」を利用しつつランダム表示させたい
slickを利用したカルーセルをランダムに表示するようしたいのですが、ランダム表示にはなっているものの、下記3点の不具合があり解決方法をご教授いただけますと幸いです。なお、カルーセルさせる画像の枚数は10点としています。
全10点の画像のうち1点が2回(どの画像になるかはその都度変わります)表示される
(意図通りに)表示されない画像が1点ある
最後の画像(10枚目)から最初の画像(1枚目)...
1
票
1
回答
211
閲覧数
FooTableの利用について
現在スマホ用の画面構築で、テーブルを可変にする為に
FooTableを利用しようとしています。
以下のサイトを参考にしてます。
http://www.webantena.net/javascriptjquery/plugin-footable/
ところが、肝心のソースが手に入りません。
というのも、ここに限らずどのサイトでも最終的にGithubから
ダウンロードするように誘導されますが、...
1
票
0
回答
552
閲覧数
HTML5 + Bootstrap + IE11 + Windows7にて、フォーカスを当てた時の挙動がおかしい
HTML5、Bootstrapにてページを作成しています。
IE11でテキストフィールドにフォーカスを当てた際に、謎の事象が発生しました。
1.枠線の影が消える
2.テキストフィールドの左上にグレーの影が表示される
この現象は下記の環境で発生しています。
・Windows7 Professional SP1(32bit)
・IE 11.0.9600.18537 (更新バージョン 11....