Skip to main content

[jquery] タグが付いた質問

jQueryとは、ジョン・レシグによって開発された、JavaScriptのライブラリである。エレメントの指定がCSSセレクタと同様の記述で選択ができる。「$」を「jQuery」のエイリアスとして定義されており、関数の呼び出しを容易にしている。また、関数をチェーンさせることで、より柔軟な操作が可能となっている。

107 未回答やベストアンサーなし質問
絞り込み
並べ替え
タグ付けされた
0
0 回答
267 閲覧数

本番環境にjqueryが読み込めない

ホームページにスムーススクロールを入れたくてindex.htmlのhead内に以下のコードを書きました。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> &...
murakami JOS's user avatar
0
1 回答
511 閲覧数

jQuery .each() .find()を用いた特定要素、属性値取得について

jQueryを用いて、以下HTMLより 「hoge1hoge1_2 数量:1 , hoge2hoge2_2 数量:2 , hoge3hoge3_2 数量:3 ...」と class="boxlist_"内にあるclass="list_"分だけ繰り返しで、 特定属性のみピックアップし文字列が連結されreturn値を返したい次第です。 なお、...
zagin's user avatar
  • 1
0
0 回答
740 閲覧数

Uncaught TypeError: Cannot read property 'offsetTop' of undefinedと出てページ遷移させることができません。

ページ内でのaタグによるスクロールを作っているのですが、上記のエラーが出てスクロールがされません。 この原因はなんでしょうか? ちなみにスクロールするたびにエラーが出て増えていきます。 設置箇所はヘッダーのナブバーのところでレスポンシブ対応の時にハンバーガーメニューを押すとモーダルが表示されるのですが、 モーダルが出た後のaタグを押した後にスクロールの移動がされません。 モーダル出る前でしたら、...
user44313's user avatar
0
0 回答
258 閲覧数

highchartsのグラフ描画について

highchartsでグラフを描いています。 棒グラフのデータの数は2つだったり、1つだったりします。例えば、data: [29.9, 71.5]がdata: [71.5]の場合があります。 棒グラフとX軸のラベル(JanやFeb)の位置があってる状態で右揃えで表示したいのですが、どのようにすればいいでしょうか? あともうひとつラインチャートを追加した状態で右揃えにしたいのですが可能ですか? ...
kouta nishikawa's user avatar
0
1 回答
216 閲覧数

Tampermonkeyでyoutubeのチャンネル名を取得する方法

前提・実現したいこと youtubeで特定のチャンネルだけ見れるようにしたく、Tampermonkey(Javascript)でyoutubeのチャンネル名を取得し、それがホワイトリストのものと適合しなかったらウインドウを閉じる(見えなくする)というコードを動かそうとしています。 tampermonkeyのコードが転がっていたので流用したかったのですが、正しく動きません。 発生している問題・...
wakage-no-italy's user avatar
0
1 回答
323 閲覧数

asp.NET MVC ローカライズの多言語切り替えボタンをつけたい

環境 ASP.NETMVC  C# HTML CSS jquery3.3.1 postgres4 https://qiita.com/yuu-eguci/items/40f171dff0f8c2cb4748 以上の記事を参考に多言語切り替えのボタンを装着してみたところ javascriptのajaxが反応しなくなり、DBのデータが取れなくなりました。 htmlの記述はローカライズできました。 ...
becchi's user avatar
  • 3
0
0 回答
244 閲覧数

jquery3.3.1でのモーダル画像にプラスマイナスボタンをつけて拡大縮小を行いたい

プログラミング初心者です。 モーダルの画像にプラスマイナスのボタンをつけて拡大縮小したいです。 調べたところviewer.jsなどのプラグインを導入するとできそうなのですがやり方がわかりません。 教えていただける方いましたら よろしくお願いいたします。 jquery3.3.1 [html] <div> <img class="img-thumbnail" ...
becchi's user avatar
  • 3
0
1 回答
712 閲覧数

Laravel+jquery 一覧表示したデータのidをjsのコンソール側で取得できるようにしたい。

やりたいこと 最終目標としては、Ajaxを使って一覧表示の削除ボタンを押すと、非同期でUI上からもDBから削除するできる機能を目指しています。 その前段階として、jqueryのみでフロント側のみできる削除する機能を実装したいと考えています。 さらにこの機能を実装する手段として、まずはボタンをクリックするとjs側で、一覧リストそれぞれのidを取得する必要があるのですが、ここに苦戦しています。 問題点 ...
Masato fromTomato's user avatar
0
1 回答
125 閲覧数

jQuery でマウスホバー時に border を出したい

hoverしたときにspanタグにborderを出したいのですが上手くいきません。 どうすればうまくいきますか? <ul class="nav"> <li class="nav-item"><a class="navbar-link" href="/xxx.html"><...
niniko's user avatar
  • 1
0
0 回答
983 閲覧数

twitterのOGP(サムネイル画像)を動的に変えたい

現在HTML,JQueryでおみくじアプリを作っており、その結果をtwitterに投稿する機能があるものを作っています。 https://k49977.github.io/omikuji/ ここでやりたいこととして、おみくじ結果の画像をサムネイルに反映させたいです。つまり、twitterのサムネイルを動的に変えたいです。 それについてアドバイスいただければと思います。 ...
user40231's user avatar
  • 325
0
0 回答
675 閲覧数

ajax、jquery.dialog を使用したダイアログを表示させたい

■問題 ajax通信により、サーバからレスポンスを受け取った後、jquery.dialog を使用したダイアログを表示させたいです。 以下ソースコードになります。 ■実施した事 以下ソースコード(javascliptの.done(function(data){}部分)で、dialog が動作するか確認した所、ブラウザ上にダイアログは表示されず、管理ツール上でエラーが表示されていました。 ...
eng_enjoylife's user avatar
0
0 回答
135 閲覧数

form送信ボタン押しても現在の表示がキープできるようにしたい。

formで送信ボタン押して、input要素3項目打ち込まなければエラー表示がでて、全項目打ち込んだら次のページにリンクするようにしたいのですが、3項目打ち込まずにsubmitした時ページの先頭に戻るのを避けたかったのでjqueryで記述したら表示はキープされるようになったのですが、エラー表示に対応したPHP側が反応しなくなりました。どうしても原因がわからなく解決方法を教えていただきたいです。 &...
matafall's user avatar
0
0 回答
1,194 閲覧数

時間入力フォームに現在時刻を自動入力したい

前提・実現したいこと jQueryで実装しています。 開始時間と終了時間の入力をさせ、その差分によって金額を表示するフォームを作成しています。 この時間入力フォームに「現在時刻」というボタンを配置し、そこを押せば自動的に現在時刻が入力される、というものを作りたいです。 時間形式は「11:20」のようにしてます。 発生している問題・エラーメッセージ ...
楠瀬 大志's user avatar
0
1 回答
221 閲覧数

ページをスクロールするとチェックを外す

HTML&CSS,JavaScriptについて質問です。 HTML&CSS,JavaScriptでスマホ用のメニューを作成してページをスクロールした時にinputのチェックを外したいです。 JavaScriptでスクロールしたのを検知してチェックを外そうとしたのですができません。 どこが悪いのか教えてください。 HTML <input type="checkbox" ...
北岡涼's user avatar
0
1 回答
223 閲覧数

bootstrapのdropdownで選択した画像を別の要素に表示させる方法

以下のコードで”newImg_boat”タブに選択後の画像を載せたいのですが、うまくいかず困っています。 コメントアウトしているコードは、あれやこれや試した結果です。2日くらい悩んでいます。 よろしくお願いいたします。 $(function() { $('.dropdown-menu .dropdown-item').click(function() { var ...
hirohiro2019's user avatar
0
0 回答
1,062 閲覧数

JavaScriptで絞り込み。テーブル全体を絞り込み

JavaScript(jquery)での絞り込みにトライしており、ご教示いただけますでしょうか。 一番下のコードのようにリストタグでの絞り込みはできますが、以下のテーブル全体を表示したり、非表示はできないのでしょうか?(赤のセレクトボックスを選択する場合、一度のテーブル全体を表示したまま、かぼちゃ、キウイのtableは非表示とする。) <table border="1"> &...
ななみ's user avatar
0
0 回答
123 閲覧数

fullcalendarでdayclickした際に時間計測が出来るタイマーの様な画面に遷移させたい

お世話になります。 現在jqueryのプラグインであるfullcalendarを使用してcalendarを実装しています そこで下記の様な問題に直面しています。 ①dayclickをすると、他のJSファイルが呼び出される様にしたいが出来ない ※$.getscriptを使用し、jsファイルを指定しても404ステータスが表示される $(#calendar).fullCalendar({ ...
渡久地太一's user avatar
0
0 回答
338 閲覧数

hiraku.jsのドロワーメニューが、ページ変遷後にも閉じないです。

該当ページ LPを作成しています。スマホサイズでhiraku.jsのドロワーメニューが出ます。 が、ドロワーメニュー内のページ外リンクを踏んで作成中のページに戻ると、 ドロワーが表示されたままになります。これを解消したいのです。 ディベロッパーツール上では現象が再現されずスマートフォン実機で見ると、 上記現象が起きます。 ドロワー内の一番上のロゴのリンク先(弊サイトトップページ)から ...
まるやまけんいち's user avatar
0
0 回答
201 閲覧数

AdminLTE 要素の範囲外をクリックした際に、指定のクラスを外す方法

AdminLTE を使用しています。 AdminLTEの機能で、 <a href="#" data-toggle="control-sidebar"></a> をクリックすると、 <aside class="control-sidebar control-sidebar-light"> に自動で、 control-sidebar-openクラスが付与され、 (...
goodtime1234's user avatar
0
0 回答
295 閲覧数

ajax JavaScriptにfor文を埋め込みたい

下記の様な書き方は可能でしょうか? doneのsearchResultでの結果を数分回したいのですが、どのように書けばいいのかわかりません。 上記で実行してみた結果ループは動きませんでした。ajaxの結果をどのように回すのか教えていただきたいです。 Ajax $(function(){ $('#ajax').on('click',function(){ $.ajax({...
123456's user avatar
  • 15
0
0 回答
167 閲覧数

foreach内での非同期通信での表示結果に関して

下記のコードのように日報の各項目のあるテーブルを作成しておりまして、 foreachで各auto_id(各日報毎のid)をtableで一覧で表示しております。 そこでjQueryでlikeButtonというクラスをクリックしたらajaxで非同期で いいねの数が表示されるという実装を行なっています。 jQueryで.load('sales_reportSP.php .like_result')...
kpg's user avatar
  • 1
0
0 回答
334 閲覧数

jQuery モーダルを自動で消えるようにした後、再度ボタンをクリックできるようにする方法

3秒たったらモーダルが自動で消えるように設定したのですが、 自動で消えた後$(modal).removeClass('SlideIn');$('body').removeClass('lock'); をして、再度削除ボタンを押せるようにしたいのですが、 removeClassにならず、削除ボタンをクリックすることができません。 下記の2つを試してみたのですが、うまくいきませんでした。。 ...
goodtime1234's user avatar
0
0 回答
67 閲覧数

jQueryでのif文の使い方

初心者です。 現在WEBページの改修作業を行っています あるリンク先からGETして別のページにタイトルやリンクを張りたいのですが、 タイトルの中身にある文字列が存在する場合、それを取得しない(記載しない)という if条件分岐の書き方がわかりません ご教示お願いします $.ajax( { type: 'GET', dataType: 'xml', ...
shooo's user avatar
  • 1
0
0 回答
1,214 閲覧数

イメージマップのレスポンシブ対応がうまくいかない

既存サイトで固定横幅で正常なイメージマップをレスポンシブ対応しようとしているのですが、以下のようにやってもブラウザの横幅を変えた時にイメージマップの縮小に対応してリンクエリアが追従されません。(以下書き直します) ■script部分 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/...
makapapa's user avatar
0
0 回答
78 閲覧数

メガナビゲーションの高さ、グローバルナビのマウスオーバ時の色について

お世話になっております。 掲題の件で質問させていただきます。 メガナビゲーション内を左右に分けたい場合、以下のコードで実施しましたが高さを固定しないとロード時に背景色が表示されないことがあります。 この場合の回避方法をご教示お願いいたします。 また、グローバルナビのリストにマウスオーバ時に色が変化しますが、メガナビゲーション内にカーソルを移動すると色が保持できません。 ...
biginner_web's user avatar
0
1 回答
246 閲覧数

hiraku.jsで作成したスマホメニューのリンクで、リンク押下時ページ内スクロールが正常に動作しない

前提・実現したいこと ドロワーの作成にjsプラグイン「hiraku.js」を使用しているのですが、スマホメニューのリンクの挙動がおかしく、困っています。 hiraku.jsを使用したことがある方、似たような事例で詰まった経験のある方いましたら、 正しくナビゲーションを設置する方法をご教授いただけましたら幸いです。 なお、ナビゲーションはページ内遷移(リンク位置にスクロール)となります。 ...
小野寺勇磨's user avatar
0
1 回答
321 閲覧数

マウスホイールスクロールのスピード調整に関して

スクロールをするときのスピードを遅くするために下記を設定しました。 FF,IEの時はできたのですが、GCで見ると下記ではスクロールするとガタガタしてしまいます。 何か記述間違いありますでしょうか? 現在の状況です。 http://footmarkdays.web.fc2.com/test2/ <script> var scrolly = 150; var scrollySpeed =...
Reeeechi's user avatar
0
1 回答
72 閲覧数

関数をjQueryのcssのメソッドで使いたいです

const color1 = "red" $(`.shape${i}`).css(`"background-color", "${color1}"`) と書きましたが 実際ブラウザでみると効いていません。色々ググりましたが見つけられませんでした。 よかったらお力借りたいです。おねがいします。
user34050's user avatar
0
0 回答
678 閲覧数

JQueryのライブラリTABLEのヘッダ固定表示 fixedTblHdrLftColの使い方を教えて下さい

本件、2テーブルの横幅と各列幅を双方で一致させたい(ヘッダ用テーブルとデータ次第で列幅可変のテーブル)の案件を達成するための課題から派生した問い合わせです。 TABLEのヘッダと左の列を固定表示(スライドバーを操作しても)する動作を達成したいです。fixedTblHdrLftColというプラグインを用いて対応しようとしており プラグインをご提供頂いた方のサイトと、...
saya24's user avatar
  • 545
0
0 回答
436 閲覧数

2テーブルの横幅と各列幅を双方で一致させたい(ヘッダ用テーブルとデータ次第で列幅可変のテーブル)

OVERFLOWを設定したDIVの中にデータ表示用のテーブルBを格納しています。 また、Bテーブルのヘッダ情報を常に上段に表示しておきたいので、上記のDIVの上に別DIVを定義し、この中にAテーブルを収めました。 テーブルのTDにwhite-space: nowrap;のスタイルを定義していますが、テーブル自体に特段スタイルを定義していません。それ故、 ...
saya24's user avatar
  • 545
0
1 回答
290 閲覧数

条件分岐の表示について

条件分岐について質問です。 現在、inputタグのcheckboxでクリックしたvalueとその条件とあう商品を表示させる動きをしているのですが、 条件式の中にcandyとmeatがクリックされた場合、それに該当する物を表示するようにしているのですが、 前の条件で返されてしまうため、表示ができません。 どのような書き方をすれば解決するのでしょうか?     </html>     &...
初心者's user avatar
0
0 回答
72 閲覧数

SweetAlert2でgooglemap apiを使用する方法

<script> swal({ html: <div id="hoge"></div> }); $(function () { $("#hoge").css({ "width": "500px", "height": "500px", }); ...
loop's user avatar
  • 3
0
1 回答
398 閲覧数

Youtube iframe シークバークリック時にイベント発生

画像のような場面で、シークバーをクリックした時にイベントを発生したいと思い、下記のようなコードを書きましたが、うまく動作しません。 シークバークリック時にイベントを発生させる方法はありますでしょうか? $(function () { $(".ytp-progress-bar-padding").click(function () { console.log("----") ...
restart's user avatar
0
0 回答
509 閲覧数

jQueryで値変更を検知する方法について教えて下さい

jQueryを最近使い始めた者です。 jQueryでテキストボックスAの値が変更された時(入力ではなく)に、 別のテキストボックスBを初期化したいのですが、こうした時、普通は、 Aの値を変えた時に、 $('#fld_A').val('12345').change(); というように敢えてイベントを発生させて入力した時と同じように $('#fld_A').on('change', ...
hatsuzo's user avatar
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 ...
andre's user avatar
  • 9
0
0 回答
74 閲覧数

Deferredで括った関数の完了を待ってある動作を達成したい。

問い合わせ内容をよりシンプルにさせて頂きました。 関数:costGetは引数付きで動作する内容ですが、こちらの完了を検知して、その後の動作を達成したい場合、どういったこの関数の呼出し方を行えばよろしいのでしょうか? https://qiita.com/opengl-8080/items/6eba7922be168edfc439 を参考にして、現在までに仕上げているコーディングは以下のとおりです。 ...
saya24's user avatar
  • 545
0
1 回答
142 閲覧数

カルーセル(スライダー)について質問です。

スライダーを作成したのですが、.link(クリックすると、一気に飛ぶボタン)を変化しない場所(current===$(this).attr("role")) でクリックした際に、hide()したはずの.leftや.rightが表示されてしまいます。 なので、なぜhide()が実行されないのかという点と、その解決策をできれば教えていただきたいです。 main.js var slideWidth="...
敬西川's user avatar
0
1 回答
908 閲覧数

fullcalendarの定期イベントdowの一部上書き(非表示)について。

fullcalendarのイベントについて行き詰っており質問です。 実現したいこと 国民の休日をgoogleから取得 スタッフの毎週の出勤日をカレンダーに表示[](eventSourcesにdowで実装)←ここまでは実装できています。 会社の公休日にスタッフの出勤日を表示しないようにしたい。(←ここで行き詰ってます。) fullcalendar 現状のコード <script src='...
ふくろう's user avatar
0
0 回答
152 閲覧数

文字列から完全に一致するテキストにリンクを追加したい

文字列から完全に一致するテキストの色を変えたいのですがどのようにすれば良いでしょうか?JQuery初心者なので教えていただけると本当に助かります。よろしくお願いします。 リンクを追加したいテキスト:111 文字列:111, 112, 113 var searchTxt = '111'; var addLink = $(this).text().split(","); $.each(txt,...
chrisw's user avatar
  • 1
0
1 回答
172 閲覧数

テキスト枠内容変化後の次操作が、ボタン要素の押下だった場合、2回押す羽目になっている

ちょっと恥ずかしいのですが教えてください。初心者にありがちな質問かも知れません。 INPUT TYPE=TEXTの要素:「A」について、changeイベントで動作させるJavaScript(JQuery)を コーディング済みです。 また同ページにはBUTTON要素:「B」も配置されていて、こちらのclickイベントの動作が達成されるようにもコーディングを済ませています。 「A」のテキスト枠について、...
saya24's user avatar
  • 545
0
1 回答
138 閲覧数

.htmlの内容を、事前のalert動作有無次第で捉えられない、なんてことはありますか(JQuery)

皆様 いつも大変お世話になっております。 ====質問==== Alert文の有無だけで、動作が変わってくる(配列の変数の内容が変わってくる?)ことなどあり得るか?あるとした場合、どういうケースで起こるか? ====詳細==== 以下コーディングにあるdowntotalCalc関数が、初回に呼ばれた際のみ期待動作をしてくれません。 その関数内で、動作させたい根幹部分前に、Alert文を記載すると、...
saya24's user avatar
  • 545
0
0 回答
1,775 閲覧数

jQuery.ajaxを用いた通信での戻り値の問題

InstascanをもちいてQRコードを読み込み、その値をもちいて処理を行うプログラムを作成しておりJSON形式で値を得たいのですがphpの中身がまるごと返てきてしまっています(以下のエラーが出ます)。 SyntaxError: Unexpected token < in JSON at position 0 以下のajaxはInstascanで読み込んだあとに実行され、...
futamu's user avatar
  • 1
0
0 回答
3,262 閲覧数

WebSocketを使ったウェブアプリでの接続エラー

プログラミング初心者です。 現在Go言語を学習しており、「Go言語によるWebアプリケーション開発」という書籍を使っているのですが、その中のWebSocketを使ったチャットアプリ作成にて、下記のエラーが出て解決できずにいます。 room:36 WebSocket connection to 'ws://localhost:8080/room' failed: Error during ...
kei's user avatar
  • 1
0
0 回答
501 閲覧数

動的にテキストをセットした場合のplaceholderの表示について

jQueryのvalを使ってテキストボックスに動的にテキストをセットした場合にMacのsafariではplaceholderのテキストが非表示にならず、重なって表示されてしまいます。 フォーカス時にplaceholderを非表示にする方法は見つかったのですが、動的に値がセットされた場合にplaceholderを非表示にする方法はありますでしょうか? ...
user avatar
0
1 回答
232 閲覧数

スワイプで出てくるサブメニューのライブラリはありますか?

スマートフォンのアプリでよくある、スワイプで出てくるサブメニューのjQueryライブラリはありますか?
head's user avatar
  • 1
0
1 回答
1,228 閲覧数

ファイル名を取得してサーブレットクラスに渡したい。

画面でテーブルに対して行をクリックし、黄色行になっている状態で「ファイル名取得ボタン」を押し、黄色行のファイル名をJavaのサーブレットクラスに渡したいと思います。テーブルに対して行をクリックし、黄色行にするとこまでできているのですが、ファイル名を取得してJavaのサーブレットクラスにファイル名を渡すコードをどう書くか分かりません。どう書けばよろしいでしょうか。 <!DOCTYPE ...
kazu's user avatar
  • 529
0
0 回答
186 閲覧数

jQuery BlackAndWhiteが利用できない

初めまして。 コーディング初心者で現在ホームページ作りをしているのですが、 画像マウスオーバー時に白黒からカラーを切り替えるプラグインのBlackAndWhiteを利用しようとしておりますが、うまくいきません。 念のためマウスオーバー前の画像を添付しておきます。 マウスオーバー前 このような形でマウスオーバー前はalt属性が左上に謎に表示された状態で、...
丹野祐希's user avatar
0
0 回答
409 閲覧数

JQueryのDatatableプラグインで、テーブルにaタグを追加したいです。

jQuery用のプラグイン、Datatable を使っています。 var setData = []; // ループ var tbledata = {}; tbledata.testA = "テスト"; var $inputdata = $('<input>', { name: 'id', value: "inputタグテスト" ...
kanko's user avatar
  • 937
0
0 回答
492 閲覧数

origin is not allowed by access-control-allow-originのエラーについて

monacaとniftymbaasを使ってアプリを作成しています。 アプリの作成を進めるにあたりエラーが発生するようになりました。 エラー内容としては、origin is not allowed by access-control-allow-originがアラートとして何度も発生してしまいます。 私のアプリはajaxを使っていまして、これが悪さをしているのではないかと思っています。 ...
donadesu's user avatar
0
0 回答
158 閲覧数

jQuery プラグインが別のプラグインの動作に影響する件です。

前提・実現したいこと 1ページ内でOwlCarousel と Colorbox を使用しています。 そして、「Zoom」ボタンをクリックし 「Colorbox」を操作したあと、ポップアップ・ウィンドウを閉じたら、「OwlCarousel」のメイン画像部分が反復されます。 「Colorbox」を操作したあと、「OwlCarousel」...
mr.hironobu's user avatar