Skip to main content

次のタグが付いている話題の回答:

7
承認済み

①var boxes = $('div'); ②var numbers = [1,3,4,6,8]; の違い

①は$.fn.each、②は$.eachを利用しています $.fn.each と $.each は似ているけれど、少し違う関数です $.fn.each は1引数(function)で、$.each は2引数(array, function)です eachできる値も異なります $('div').each(myFunction) ^^^^^^^^ jQueryオブジェクトのみ $.each($('...
gocho's user avatar
  • 1,011
6
承認済み

jquery CDN が 403 forbidden

公式CDN (code.jquery.com) で発生している不具合のようです。 参考: jQueryのCDN(code.jquery.com)が403エラーで読み込まれない不具合が発生中 この不具合は、code.jquery.com以外のCDNを利用する or 自分のサーバ内にjQueryのファイルを置き、それを読み込ませることで解消します。 (中略) 今回の不具合は、日本(東京ノード)+...
cubick's user avatar
  • 2.1万
5

jquery .html()で、特定条件の場合セレクタが有効にならない問題

ajaxは非同期通信なので$('.test2').click... してる時点では対象が存在していないためですね。 いくつか方法はあると思いますが手っ取り早いのはデリゲートでしょうか。 $('#hoge').on('click', '.test2', function(){ .... }); あるいは要素追加後にイベントリスナーを追加してもいいかもしれません。
hinaloe's user avatar
  • 4,751
5
承認済み

enclosure 要素のurl属性を取り出したい

再現例としてはこんなところでしょうか。 var xml = '<foo><enclosure url="http://example.com" /></foo>'; var thisItem = $(xml); console.log(thisItem.children('enclosure')); ここで enclosure ...
unarist's user avatar
  • 1.5万
5
承認済み

jQuery のドキュメントをローカル保存して参照したい

http://api.jquery.com/ のコンテンツ自体は GitHub - jquery/api.jquery.com: API documentation for jQuery Core で制作・ホストされています。 ただし、 api.jquery.com 自体は WordPress サイト のようなので少し厄介かもしれません。 Contributing to jQuery ...
hinaloe's user avatar
  • 4,751
5

特定の要素だけ残してページ遷移をする方法

HTML5 History APIを使用することで、履歴及びアドレスバーの表示を操作することができます。これにより、ページ遷移したかのように見せかけつつ表示するコンテンツを切り替えることができます。 例えばGoogleの検索・検索結果ページなんかもページ遷移は発生していません。 参考: ブラウザの履歴を操作する
sayuri's user avatar
  • 4.3万
5
承認済み

PC版Safariにおいて背景画像が表示されない

url(に対応する)閉じ括弧がありません。同じコードをコピペすると見る気が失せてミスを見逃しがちです。 var prj = $(this).parent().parent().parent().attr('class').split(' ')[1]; switch(prj) { case 'hyld': case 'arg': case 'ppl': case '...
sayuri's user avatar
  • 4.3万
4
承認済み

JS/jQueryでモーダルの領域外をクリックしたとき下にある要素のイベントが発火してしまう

Lightboxなどもそうですが、よくあるパターンは「ウィンドウ全体に背景を表示し、その背景がクリックされたら閉じる」というものだと思います。背景の存在によって、 そこをクリックすることでモーダルが閉じてくれる...かもしれない そこをクリックしてもその下にあるボタン等には効果を及ぼさないこと という予想も期待できるかもしれません。(あくまでこの手のUIに慣れている人の話です。...
unarist's user avatar
  • 1.5万
4

JQuery 要素を思うように捉えられない

質問の記述ではthisが何かはっきりしませんが、クリックされた<button>要素だとすると $(this).closest('table') で<button>の上位にある<table>を得ることができます。この要素に対してtr:lastを探せばよいので結局 $(this).closest('table').find('tr:last') ...
pgrho's user avatar
  • 1.4万
4
承認済み

POSTアクセスを相対パスではなく絶対パスで行いたい

そもそも質問文が間違っていてaaaを指定した場合についてでしょうか、その場合 https://www.example.com/blog/ → https://www.example.com/blog/aaa https://www.example.com/blog/edit → https://www.example.com/blog/edit/aaa と意図しないアドレスに移動します。 ...
sayuri's user avatar
  • 4.3万
4
承認済み

Array.from()の中をリセットして更新したい…??

appendToメソッドは、引数に指定した値に該当する要素すべての末尾に、appendToメソッドの前に置かれたコンテンツを挿入します。 質問文のコードでは、clone_items関数内のappendToメソッドの引数に対して、slide_containerクラスを指定しています。この場合、clone_items関数を実行する度に、「...
supa's user avatar
  • 5,399
4
承認済み

改行コードを含むinput要素の値がalert関数で改行されない

alert($("testId").val().replace('\\n', '\n')); で動くかと思います。 HTMLの属性値では \ に特別な意味はありません。<input type=hidden value="aaaaa&#x0a;bbbb"> とすれば改行がそのまま入ります。
int32_t's user avatar
  • 8,734
3

現在のノードから近い要素を取得しようとした際に、this.closest("i") としても取得できず困っております。

あなたが提示されたHTMLの構造では、i要素はラジオボタンの親/先祖要素ではないので、closestやparentElementの繰り返しでは取得できないのではないかと思われます。 i要素のもう1階層親の要素まで遡れば、i要素とラジオボタンの共通の先祖要素にたどり着くので、そこからまた子要素方向にたどれば良いのではないかと思います。 $...
OOPer's user avatar
  • 1.9万
3

ブラウザの「戻る」ボタンを押したら(リロードしたら)、記述のjavascriptが効かないようにしたい

履歴に残す URL にはハッシュを付けて置き、そのハッシュを付けた URL でのアクセスではリダイレクトさせない、という方法です。 window.addEventListener("unload", function(){ // 移動する際、履歴には #no-redirect 付きの URL を残す history.replaceState(undefined, document....
mjy's user avatar
  • 1.2万
3
承認済み

jQueryの関数を一部変更したいとき

引数なしの scrollTop() で値の取得しかしないのなら、大丈夫だと思います。 引数を渡す(スクロール位置の設定を行う)場合には次の問題があります。 対象が window かどうかに関わらず、元の scrollTop() に引数を渡していません → f.apply(..., arguments) などとしましょう 引数を渡した scrollTop() ...
unarist's user avatar
  • 1.5万
3

Javascriptのコンストラクタ内のjQueryイベントハンドラからメンバを参照する方法はありますか?

ES2015ではアロー関数(arrow functions)を使うことでthisの束縛が出来るようになりました。 var Sample = function(str){ this.str = str; $('#btn').click(()=>{ alert(this.str); }); }; なお、...
hinaloe's user avatar
  • 4,751
3
承認済み

Javascriptのコンストラクタ内のjQueryイベントハンドラからメンバを参照する方法はありますか?

イベントハンドラの中でthis.strのように使いたいという事でしょうか? この場合、古典的な方法として、thisを変数に代入しておいてから使う方法があります。 一般的にはselfという変数名を使います。 var Sample = function(str){ this.str = str; var self = this; $('#btn').click(...
tag1216's user avatar
  • 881
3

javascriptで論理積がtrueを返してくれない

単純なtypeミスですね。 b.lenght === 1
litmon's user avatar
  • 786
3

javascriptで論理積がtrueを返してくれない

指摘されているようにtypoですが、別のアプローチとして function zeroPadding(n) { // 100足してしまえば必ず3桁になるので文字列化後に先頭の文字をとばす return (100 + n + "").substring(1); } function checkAttr(a, b, c) { return a + "-" + ...
sayuri's user avatar
  • 4.3万
3
承認済み

ブラウザの戻るボタンで戻ったときにリロードする方法はありますか?

JavaScriptではなくサーバー側で戻る対象のページのHTTPヘッダーに Cache-Control: no-store, no-cache, must-revalidate, max-age=0, post-check=0, pre-check=0 Pragma: no-cache のように指定してキャッシュを無効化すべきだと思います。
pgrho's user avatar
  • 1.4万
3

mousewheel.jsの横スクロールについて質問です

リンク先のページのものを試してみました。 内部で利用されている jquery.mousewheel.min.js に原因があるようです。 最初に現時点での最新版の v3.1.13 で試しましたが、トラックパッドでは確かに暴れ馬でした。 次にリンク先のページで使われているものに近いバージョンの v3.0.6 で試したところ、リンク先のものと同等の動きになりました。 こちらを試してみはどうでしょう。
Kesuiket's user avatar
  • 113
3
承認済み

div要素の高さを、画面縦サイズ80%を越えた場合のみ固定(縦スライドバーあり)にしたい

高さを一定以上超えないようにするためにはmax-hightを利用してください https://developer.mozilla.org/ja/docs/Web/CSS/max-height またスクロールをしたい場合はoverflowを設定してください。 https://developer.mozilla.org/ja/docs/Web/CSS/overflow
keitaro_so's user avatar
  • 5,285
3
承認済み

Sliderを斜めに表示する方法

CSSを使用して要素を斜めに表示することができます。 CSS3のtransformプロパティにrotate()関数を指定することで、要素が回転表示されます。 引数には回転させる角度(deg)を指定します。下記は、右上45°に伸びるスライダーの例です。 $("#slider").slider(); #slider { margin: 150px 10px; width: ...
sakmas's user avatar
  • 323
3
承認済み

JavaScriptのイベント系デバッグ作業 ステップ実行を試せるのか知りたい

イベントの発火時、すなわち今回の場合はクリック時にブレークポイントを仕掛ける方法についてご説明します。 そもそも、イベントの発火時、すなわちクリックされたときに何が起こるのかというのは、イベントとして関数を登録することにより指定します。 このプログラムの、... .onclick =の後ろの部分に注目してください。その部分は、以下のような関数式になっています。 function() { ...
Faily Feely's user avatar
  • 2,883

無効化に投票