[jquery] タグが付いた質問

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

jQueryでのif文の使い方

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

条件分岐の表示について

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

SweetAlert2でgooglemap apiを使用する方法

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

jQuery BlackAndWhiteが利用できない

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

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

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

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

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

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

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

Highchartsで複数をグラフを表示し、同一HTMLで違うグラフをタブ切り替えで表示したい

Highchartsで掲題の表示を試みています。 graphA.addSeries()メソッドを使いループロジックを組み表示しましたが、最初のグラフAは上手く出来たのですが、グラフBはgraphB.addSeries()メソッドで以下のエラーになります。 NS_ERROR_FAILURE: ...Ga(Z,"dy",M)}P=Z}Ga(Z,C);b.appendChild(Z);z++;if(...
0
0 回答
1,153 閲覧数

Monaca/Onsen UI で jQuery での操作が出来ない場合がある

Onsen UIのタブバーテンプレートから開発を進めていますが jQueryで要素にアクセスするのに困っています。 Monaca/Onsen UI/Angularjs 全て初心者で何を掲載するべきか分からないため 該当すると思われるコード箇所を記載致します。 他ページでは$(function () {〜による表示時のjQueryの実行もできています。 // Controller ...
  • 1
0
1 回答
135 閲覧数

Evernoteアプリでmonacaデバッガとビルドされたアプリの差異をなくす方法

monacaプラットフォームで、HTML5+Javascriptベースで、Evernoteアプリの開発を行っております。 Evernoteのウェブサイト 上からリンクが貼られていた、GitHub のサンプルコードを参考に実装をしました。 https://github.com/evernote/phonegap-example/blob/master/HelloWorld/www/js/index....
  • 159
0
1 回答
1,648 閲覧数

jQueryの横スクロールイベントについて

Jqueryを利用して、一定値を超えた場合にクラスを変更する処理を行いたいと考えています。 やりたい事 1:画面を横720px以下に縮小場合に、指定CSSを設定 2:画面を横721px以上にした場合も指定CSSを設定 確認したい点 画面を縮小した場合はイベントが発火するのですが、拡大した場合にイベントが発火しない為、どなたかご教授いただければ幸いです。 ``` <body&...