[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>
&...
0
票
1
回答
511
閲覧数
jQuery .each() .find()を用いた特定要素、属性値取得について
jQueryを用いて、以下HTMLより
「hoge1hoge1_2 数量:1 , hoge2hoge2_2 数量:2 , hoge3hoge3_2 数量:3 ...」と
class="boxlist_"内にあるclass="list_"分だけ繰り返しで、
特定属性のみピックアップし文字列が連結されreturn値を返したい次第です。
なお、...
0
票
0
回答
740
閲覧数
Uncaught TypeError: Cannot read property 'offsetTop' of undefinedと出てページ遷移させることができません。
ページ内でのaタグによるスクロールを作っているのですが、上記のエラーが出てスクロールがされません。
この原因はなんでしょうか?
ちなみにスクロールするたびにエラーが出て増えていきます。
設置箇所はヘッダーのナブバーのところでレスポンシブ対応の時にハンバーガーメニューを押すとモーダルが表示されるのですが、
モーダルが出た後のaタグを押した後にスクロールの移動がされません。
モーダル出る前でしたら、...
0
票
0
回答
258
閲覧数
highchartsのグラフ描画について
highchartsでグラフを描いています。
棒グラフのデータの数は2つだったり、1つだったりします。例えば、data: [29.9, 71.5]がdata: [71.5]の場合があります。
棒グラフとX軸のラベル(JanやFeb)の位置があってる状態で右揃えで表示したいのですが、どのようにすればいいでしょうか?
あともうひとつラインチャートを追加した状態で右揃えにしたいのですが可能ですか?
...
0
票
1
回答
216
閲覧数
Tampermonkeyでyoutubeのチャンネル名を取得する方法
前提・実現したいこと
youtubeで特定のチャンネルだけ見れるようにしたく、Tampermonkey(Javascript)でyoutubeのチャンネル名を取得し、それがホワイトリストのものと適合しなかったらウインドウを閉じる(見えなくする)というコードを動かそうとしています。
tampermonkeyのコードが転がっていたので流用したかったのですが、正しく動きません。
発生している問題・...
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の記述はローカライズできました。
...
0
票
0
回答
244
閲覧数
jquery3.3.1でのモーダル画像にプラスマイナスボタンをつけて拡大縮小を行いたい
プログラミング初心者です。
モーダルの画像にプラスマイナスのボタンをつけて拡大縮小したいです。
調べたところviewer.jsなどのプラグインを導入するとできそうなのですがやり方がわかりません。
教えていただける方いましたら
よろしくお願いいたします。
jquery3.3.1
[html]
<div>
<img class="img-thumbnail" ...
0
票
1
回答
712
閲覧数
Laravel+jquery 一覧表示したデータのidをjsのコンソール側で取得できるようにしたい。
やりたいこと
最終目標としては、Ajaxを使って一覧表示の削除ボタンを押すと、非同期でUI上からもDBから削除するできる機能を目指しています。
その前段階として、jqueryのみでフロント側のみできる削除する機能を実装したいと考えています。
さらにこの機能を実装する手段として、まずはボタンをクリックするとjs側で、一覧リストそれぞれのidを取得する必要があるのですが、ここに苦戦しています。
問題点
...
0
票
1
回答
125
閲覧数
jQuery でマウスホバー時に border を出したい
hoverしたときにspanタグにborderを出したいのですが上手くいきません。
どうすればうまくいきますか?
<ul class="nav">
<li class="nav-item"><a class="navbar-link" href="/xxx.html"><...
0
票
0
回答
983
閲覧数
twitterのOGP(サムネイル画像)を動的に変えたい
現在HTML,JQueryでおみくじアプリを作っており、その結果をtwitterに投稿する機能があるものを作っています。
https://k49977.github.io/omikuji/
ここでやりたいこととして、おみくじ結果の画像をサムネイルに反映させたいです。つまり、twitterのサムネイルを動的に変えたいです。 それについてアドバイスいただければと思います。
...
0
票
0
回答
675
閲覧数
ajax、jquery.dialog を使用したダイアログを表示させたい
■問題
ajax通信により、サーバからレスポンスを受け取った後、jquery.dialog を使用したダイアログを表示させたいです。
以下ソースコードになります。
■実施した事
以下ソースコード(javascliptの.done(function(data){}部分)で、dialog が動作するか確認した所、ブラウザ上にダイアログは表示されず、管理ツール上でエラーが表示されていました。
...
0
票
0
回答
135
閲覧数
form送信ボタン押しても現在の表示がキープできるようにしたい。
formで送信ボタン押して、input要素3項目打ち込まなければエラー表示がでて、全項目打ち込んだら次のページにリンクするようにしたいのですが、3項目打ち込まずにsubmitした時ページの先頭に戻るのを避けたかったのでjqueryで記述したら表示はキープされるようになったのですが、エラー表示に対応したPHP側が反応しなくなりました。どうしても原因がわからなく解決方法を教えていただきたいです。
&...
0
票
0
回答
1,194
閲覧数
時間入力フォームに現在時刻を自動入力したい
前提・実現したいこと
jQueryで実装しています。
開始時間と終了時間の入力をさせ、その差分によって金額を表示するフォームを作成しています。
この時間入力フォームに「現在時刻」というボタンを配置し、そこを押せば自動的に現在時刻が入力される、というものを作りたいです。
時間形式は「11:20」のようにしてます。
発生している問題・エラーメッセージ
...
0
票
1
回答
221
閲覧数
ページをスクロールするとチェックを外す
HTML&CSS,JavaScriptについて質問です。
HTML&CSS,JavaScriptでスマホ用のメニューを作成してページをスクロールした時にinputのチェックを外したいです。
JavaScriptでスクロールしたのを検知してチェックを外そうとしたのですができません。
どこが悪いのか教えてください。
HTML
<input type="checkbox" ...
0
票
1
回答
223
閲覧数
bootstrapのdropdownで選択した画像を別の要素に表示させる方法
以下のコードで”newImg_boat”タブに選択後の画像を載せたいのですが、うまくいかず困っています。
コメントアウトしているコードは、あれやこれや試した結果です。2日くらい悩んでいます。
よろしくお願いいたします。
$(function() {
$('.dropdown-menu .dropdown-item').click(function() {
var ...
0
票
0
回答
1,062
閲覧数
JavaScriptで絞り込み。テーブル全体を絞り込み
JavaScript(jquery)での絞り込みにトライしており、ご教示いただけますでしょうか。
一番下のコードのようにリストタグでの絞り込みはできますが、以下のテーブル全体を表示したり、非表示はできないのでしょうか?(赤のセレクトボックスを選択する場合、一度のテーブル全体を表示したまま、かぼちゃ、キウイのtableは非表示とする。)
<table border="1">
&...
0
票
0
回答
123
閲覧数
fullcalendarでdayclickした際に時間計測が出来るタイマーの様な画面に遷移させたい
お世話になります。
現在jqueryのプラグインであるfullcalendarを使用してcalendarを実装しています
そこで下記の様な問題に直面しています。
①dayclickをすると、他のJSファイルが呼び出される様にしたいが出来ない
※$.getscriptを使用し、jsファイルを指定しても404ステータスが表示される
$(#calendar).fullCalendar({
...
0
票
0
回答
338
閲覧数
hiraku.jsのドロワーメニューが、ページ変遷後にも閉じないです。
該当ページ
LPを作成しています。スマホサイズでhiraku.jsのドロワーメニューが出ます。
が、ドロワーメニュー内のページ外リンクを踏んで作成中のページに戻ると、
ドロワーが表示されたままになります。これを解消したいのです。
ディベロッパーツール上では現象が再現されずスマートフォン実機で見ると、
上記現象が起きます。
ドロワー内の一番上のロゴのリンク先(弊サイトトップページ)から
...
0
票
0
回答
201
閲覧数
AdminLTE 要素の範囲外をクリックした際に、指定のクラスを外す方法
AdminLTE を使用しています。
AdminLTEの機能で、
<a href="#" data-toggle="control-sidebar"></a> をクリックすると、
<aside class="control-sidebar control-sidebar-light"> に自動で、
control-sidebar-openクラスが付与され、
(...
0
票
0
回答
295
閲覧数
ajax JavaScriptにfor文を埋め込みたい
下記の様な書き方は可能でしょうか?
doneのsearchResultでの結果を数分回したいのですが、どのように書けばいいのかわかりません。
上記で実行してみた結果ループは動きませんでした。ajaxの結果をどのように回すのか教えていただきたいです。
Ajax
$(function(){
$('#ajax').on('click',function(){
$.ajax({...
0
票
0
回答
167
閲覧数
foreach内での非同期通信での表示結果に関して
下記のコードのように日報の各項目のあるテーブルを作成しておりまして、
foreachで各auto_id(各日報毎のid)をtableで一覧で表示しております。
そこでjQueryでlikeButtonというクラスをクリックしたらajaxで非同期で
いいねの数が表示されるという実装を行なっています。
jQueryで.load('sales_reportSP.php .like_result')...
0
票
0
回答
334
閲覧数
jQuery モーダルを自動で消えるようにした後、再度ボタンをクリックできるようにする方法
3秒たったらモーダルが自動で消えるように設定したのですが、
自動で消えた後$(modal).removeClass('SlideIn');$('body').removeClass('lock');
をして、再度削除ボタンを押せるようにしたいのですが、
removeClassにならず、削除ボタンをクリックすることができません。
下記の2つを試してみたのですが、うまくいきませんでした。。
...
0
票
0
回答
67
閲覧数
jQueryでのif文の使い方
初心者です。
現在WEBページの改修作業を行っています
あるリンク先からGETして別のページにタイトルやリンクを張りたいのですが、
タイトルの中身にある文字列が存在する場合、それを取得しない(記載しない)という
if条件分岐の書き方がわかりません
ご教示お願いします
$.ajax(
{
type: 'GET',
dataType: 'xml',
...
0
票
0
回答
1,214
閲覧数
イメージマップのレスポンシブ対応がうまくいかない
既存サイトで固定横幅で正常なイメージマップをレスポンシブ対応しようとしているのですが、以下のようにやってもブラウザの横幅を変えた時にイメージマップの縮小に対応してリンクエリアが追従されません。(以下書き直します)
■script部分
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/...
0
票
0
回答
78
閲覧数
メガナビゲーションの高さ、グローバルナビのマウスオーバ時の色について
お世話になっております。
掲題の件で質問させていただきます。
メガナビゲーション内を左右に分けたい場合、以下のコードで実施しましたが高さを固定しないとロード時に背景色が表示されないことがあります。
この場合の回避方法をご教示お願いいたします。
また、グローバルナビのリストにマウスオーバ時に色が変化しますが、メガナビゲーション内にカーソルを移動すると色が保持できません。
...
0
票
1
回答
246
閲覧数
hiraku.jsで作成したスマホメニューのリンクで、リンク押下時ページ内スクロールが正常に動作しない
前提・実現したいこと
ドロワーの作成にjsプラグイン「hiraku.js」を使用しているのですが、スマホメニューのリンクの挙動がおかしく、困っています。
hiraku.jsを使用したことがある方、似たような事例で詰まった経験のある方いましたら、
正しくナビゲーションを設置する方法をご教授いただけましたら幸いです。
なお、ナビゲーションはページ内遷移(リンク位置にスクロール)となります。
...
0
票
1
回答
321
閲覧数
マウスホイールスクロールのスピード調整に関して
スクロールをするときのスピードを遅くするために下記を設定しました。
FF,IEの時はできたのですが、GCで見ると下記ではスクロールするとガタガタしてしまいます。
何か記述間違いありますでしょうか?
現在の状況です。
http://footmarkdays.web.fc2.com/test2/
<script>
var scrolly = 150;
var scrollySpeed =...
0
票
1
回答
72
閲覧数
関数をjQueryのcssのメソッドで使いたいです
const color1 = "red"
$(`.shape${i}`).css(`"background-color", "${color1}"`)
と書きましたが 実際ブラウザでみると効いていません。色々ググりましたが見つけられませんでした。
よかったらお力借りたいです。おねがいします。
0
票
0
回答
678
閲覧数
JQueryのライブラリTABLEのヘッダ固定表示 fixedTblHdrLftColの使い方を教えて下さい
本件、2テーブルの横幅と各列幅を双方で一致させたい(ヘッダ用テーブルとデータ次第で列幅可変のテーブル)の案件を達成するための課題から派生した問い合わせです。
TABLEのヘッダと左の列を固定表示(スライドバーを操作しても)する動作を達成したいです。fixedTblHdrLftColというプラグインを用いて対応しようとしており
プラグインをご提供頂いた方のサイトと、...
0
票
0
回答
436
閲覧数
2テーブルの横幅と各列幅を双方で一致させたい(ヘッダ用テーブルとデータ次第で列幅可変のテーブル)
OVERFLOWを設定したDIVの中にデータ表示用のテーブルBを格納しています。
また、Bテーブルのヘッダ情報を常に上段に表示しておきたいので、上記のDIVの上に別DIVを定義し、この中にAテーブルを収めました。
テーブルのTDにwhite-space: nowrap;のスタイルを定義していますが、テーブル自体に特段スタイルを定義していません。それ故、
...
0
票
1
回答
290
閲覧数
条件分岐の表示について
条件分岐について質問です。
現在、inputタグのcheckboxでクリックしたvalueとその条件とあう商品を表示させる動きをしているのですが、
条件式の中にcandyとmeatがクリックされた場合、それに該当する物を表示するようにしているのですが、
前の条件で返されてしまうため、表示ができません。
どのような書き方をすれば解決するのでしょうか?
</html>
&...
0
票
0
回答
72
閲覧数
SweetAlert2でgooglemap apiを使用する方法
<script>
swal({
html: <div id="hoge"></div>
});
$(function () {
$("#hoge").css({
"width": "500px",
"height": "500px",
});
...
0
票
1
回答
398
閲覧数
Youtube iframe シークバークリック時にイベント発生
画像のような場面で、シークバーをクリックした時にイベントを発生したいと思い、下記のようなコードを書きましたが、うまく動作しません。
シークバークリック時にイベントを発生させる方法はありますでしょうか?
$(function () {
$(".ytp-progress-bar-padding").click(function () {
console.log("----")
...
0
票
0
回答
509
閲覧数
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 ...
0
票
0
回答
74
閲覧数
Deferredで括った関数の完了を待ってある動作を達成したい。
問い合わせ内容をよりシンプルにさせて頂きました。
関数:costGetは引数付きで動作する内容ですが、こちらの完了を検知して、その後の動作を達成したい場合、どういったこの関数の呼出し方を行えばよろしいのでしょうか?
https://qiita.com/opengl-8080/items/6eba7922be168edfc439
を参考にして、現在までに仕上げているコーディングは以下のとおりです。
...
0
票
1
回答
142
閲覧数
カルーセル(スライダー)について質問です。
スライダーを作成したのですが、.link(クリックすると、一気に飛ぶボタン)を変化しない場所(current===$(this).attr("role")) でクリックした際に、hide()したはずの.leftや.rightが表示されてしまいます。
なので、なぜhide()が実行されないのかという点と、その解決策をできれば教えていただきたいです。
main.js
var slideWidth="...
0
票
1
回答
908
閲覧数
fullcalendarの定期イベントdowの一部上書き(非表示)について。
fullcalendarのイベントについて行き詰っており質問です。
実現したいこと
国民の休日をgoogleから取得
スタッフの毎週の出勤日をカレンダーに表示[](eventSourcesにdowで実装)←ここまでは実装できています。
会社の公休日にスタッフの出勤日を表示しないようにしたい。(←ここで行き詰ってます。)
fullcalendar 現状のコード
<script src='...
0
票
0
回答
152
閲覧数
文字列から完全に一致するテキストにリンクを追加したい
文字列から完全に一致するテキストの色を変えたいのですがどのようにすれば良いでしょうか?JQuery初心者なので教えていただけると本当に助かります。よろしくお願いします。
リンクを追加したいテキスト:111
文字列:111, 112, 113
var searchTxt = '111';
var addLink = $(this).text().split(",");
$.each(txt,...
0
票
1
回答
172
閲覧数
テキスト枠内容変化後の次操作が、ボタン要素の押下だった場合、2回押す羽目になっている
ちょっと恥ずかしいのですが教えてください。初心者にありがちな質問かも知れません。
INPUT TYPE=TEXTの要素:「A」について、changeイベントで動作させるJavaScript(JQuery)を
コーディング済みです。
また同ページにはBUTTON要素:「B」も配置されていて、こちらのclickイベントの動作が達成されるようにもコーディングを済ませています。
「A」のテキスト枠について、...
0
票
1
回答
138
閲覧数
.htmlの内容を、事前のalert動作有無次第で捉えられない、なんてことはありますか(JQuery)
皆様 いつも大変お世話になっております。
====質問====
Alert文の有無だけで、動作が変わってくる(配列の変数の内容が変わってくる?)ことなどあり得るか?あるとした場合、どういうケースで起こるか?
====詳細====
以下コーディングにあるdowntotalCalc関数が、初回に呼ばれた際のみ期待動作をしてくれません。
その関数内で、動作させたい根幹部分前に、Alert文を記載すると、...
0
票
0
回答
1,775
閲覧数
jQuery.ajaxを用いた通信での戻り値の問題
InstascanをもちいてQRコードを読み込み、その値をもちいて処理を行うプログラムを作成しておりJSON形式で値を得たいのですがphpの中身がまるごと返てきてしまっています(以下のエラーが出ます)。
SyntaxError: Unexpected token < in JSON at position 0
以下のajaxはInstascanで読み込んだあとに実行され、...
0
票
0
回答
3,262
閲覧数
WebSocketを使ったウェブアプリでの接続エラー
プログラミング初心者です。
現在Go言語を学習しており、「Go言語によるWebアプリケーション開発」という書籍を使っているのですが、その中のWebSocketを使ったチャットアプリ作成にて、下記のエラーが出て解決できずにいます。
room:36 WebSocket connection to 'ws://localhost:8080/room' failed: Error during ...
0
票
0
回答
501
閲覧数
動的にテキストをセットした場合のplaceholderの表示について
jQueryのvalを使ってテキストボックスに動的にテキストをセットした場合にMacのsafariではplaceholderのテキストが非表示にならず、重なって表示されてしまいます。
フォーカス時にplaceholderを非表示にする方法は見つかったのですが、動的に値がセットされた場合にplaceholderを非表示にする方法はありますでしょうか?
...
0
票
1
回答
232
閲覧数
スワイプで出てくるサブメニューのライブラリはありますか?
スマートフォンのアプリでよくある、スワイプで出てくるサブメニューのjQueryライブラリはありますか?
0
票
1
回答
1,228
閲覧数
ファイル名を取得してサーブレットクラスに渡したい。
画面でテーブルに対して行をクリックし、黄色行になっている状態で「ファイル名取得ボタン」を押し、黄色行のファイル名をJavaのサーブレットクラスに渡したいと思います。テーブルに対して行をクリックし、黄色行にするとこまでできているのですが、ファイル名を取得してJavaのサーブレットクラスにファイル名を渡すコードをどう書くか分かりません。どう書けばよろしいでしょうか。
<!DOCTYPE ...
0
票
0
回答
186
閲覧数
jQuery BlackAndWhiteが利用できない
初めまして。
コーディング初心者で現在ホームページ作りをしているのですが、
画像マウスオーバー時に白黒からカラーを切り替えるプラグインのBlackAndWhiteを利用しようとしておりますが、うまくいきません。
念のためマウスオーバー前の画像を添付しておきます。
マウスオーバー前
このような形でマウスオーバー前はalt属性が左上に謎に表示された状態で、...
0
票
0
回答
409
閲覧数
JQueryのDatatableプラグインで、テーブルにaタグを追加したいです。
jQuery用のプラグイン、Datatable を使っています。
var setData = [];
// ループ
var tbledata = {};
tbledata.testA = "テスト";
var $inputdata = $('<input>', {
name: 'id',
value: "inputタグテスト"
...
0
票
0
回答
492
閲覧数
origin is not allowed by access-control-allow-originのエラーについて
monacaとniftymbaasを使ってアプリを作成しています。
アプリの作成を進めるにあたりエラーが発生するようになりました。
エラー内容としては、origin is not allowed by access-control-allow-originがアラートとして何度も発生してしまいます。
私のアプリはajaxを使っていまして、これが悪さをしているのではないかと思っています。
...
0
票
0
回答
158
閲覧数
jQuery プラグインが別のプラグインの動作に影響する件です。
前提・実現したいこと
1ページ内でOwlCarousel と Colorbox を使用しています。
そして、「Zoom」ボタンをクリックし 「Colorbox」を操作したあと、ポップアップ・ウィンドウを閉じたら、「OwlCarousel」のメイン画像部分が反復されます。
「Colorbox」を操作したあと、「OwlCarousel」...