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($('...
6
票
承認済み
jquery CDN が 403 forbidden
公式CDN (code.jquery.com) で発生している不具合のようです。
参考:
jQueryのCDN(code.jquery.com)が403エラーで読み込まれない不具合が発生中
この不具合は、code.jquery.com以外のCDNを利用する or 自分のサーバ内にjQueryのファイルを置き、それを読み込ませることで解消します。
(中略)
今回の不具合は、日本(東京ノード)+...
5
票
jquery .html()で、特定条件の場合セレクタが有効にならない問題
ajaxは非同期通信なので$('.test2').click... してる時点では対象が存在していないためですね。
いくつか方法はあると思いますが手っ取り早いのはデリゲートでしょうか。
$('#hoge').on('click', '.test2', function(){
....
});
あるいは要素追加後にイベントリスナーを追加してもいいかもしれません。
5
票
承認済み
enclosure 要素のurl属性を取り出したい
再現例としてはこんなところでしょうか。
var xml = '<foo><enclosure url="http://example.com" /></foo>';
var thisItem = $(xml);
console.log(thisItem.children('enclosure'));
ここで enclosure ...
5
票
承認済み
jQuery のドキュメントをローカル保存して参照したい
http://api.jquery.com/ のコンテンツ自体は GitHub - jquery/api.jquery.com: API documentation for jQuery Core で制作・ホストされています。
ただし、 api.jquery.com 自体は WordPress サイト のようなので少し厄介かもしれません。
Contributing to jQuery ...
5
票
特定の要素だけ残してページ遷移をする方法
HTML5 History APIを使用することで、履歴及びアドレスバーの表示を操作することができます。これにより、ページ遷移したかのように見せかけつつ表示するコンテンツを切り替えることができます。
例えばGoogleの検索・検索結果ページなんかもページ遷移は発生していません。
参考: ブラウザの履歴を操作する
5
票
承認済み
PC版Safariにおいて背景画像が表示されない
url(に対応する)閉じ括弧がありません。同じコードをコピペすると見る気が失せてミスを見逃しがちです。
var prj = $(this).parent().parent().parent().attr('class').split(' ')[1];
switch(prj)
{
case 'hyld':
case 'arg':
case 'ppl':
case '...
4
票
承認済み
JS/jQueryでモーダルの領域外をクリックしたとき下にある要素のイベントが発火してしまう
Lightboxなどもそうですが、よくあるパターンは「ウィンドウ全体に背景を表示し、その背景がクリックされたら閉じる」というものだと思います。背景の存在によって、
そこをクリックすることでモーダルが閉じてくれる...かもしれない
そこをクリックしてもその下にあるボタン等には効果を及ぼさないこと
という予想も期待できるかもしれません。(あくまでこの手のUIに慣れている人の話です。...
4
票
JQuery 要素を思うように捉えられない
質問の記述ではthisが何かはっきりしませんが、クリックされた<button>要素だとすると
$(this).closest('table')
で<button>の上位にある<table>を得ることができます。この要素に対してtr:lastを探せばよいので結局
$(this).closest('table').find('tr:last')
...
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
と意図しないアドレスに移動します。
...
4
票
承認済み
Array.from()の中をリセットして更新したい…??
appendToメソッドは、引数に指定した値に該当する要素すべての末尾に、appendToメソッドの前に置かれたコンテンツを挿入します。
質問文のコードでは、clone_items関数内のappendToメソッドの引数に対して、slide_containerクラスを指定しています。この場合、clone_items関数を実行する度に、「...
4
票
承認済み
改行コードを含むinput要素の値がalert関数で改行されない
alert($("testId").val().replace('\\n', '\n'));
で動くかと思います。
HTMLの属性値では \ に特別な意味はありません。<input type=hidden value="aaaaa
bbbb"> とすれば改行がそのまま入ります。
3
票
現在のノードから近い要素を取得しようとした際に、this.closest("i") としても取得できず困っております。
あなたが提示されたHTMLの構造では、i要素はラジオボタンの親/先祖要素ではないので、closestやparentElementの繰り返しでは取得できないのではないかと思われます。
i要素のもう1階層親の要素まで遡れば、i要素とラジオボタンの共通の先祖要素にたどり着くので、そこからまた子要素方向にたどれば良いのではないかと思います。
$...
3
票
ブラウザの「戻る」ボタンを押したら(リロードしたら)、記述のjavascriptが効かないようにしたい
履歴に残す URL にはハッシュを付けて置き、そのハッシュを付けた URL でのアクセスではリダイレクトさせない、という方法です。
window.addEventListener("unload", function(){
// 移動する際、履歴には #no-redirect 付きの URL を残す
history.replaceState(undefined, document....
3
票
承認済み
jQueryの関数を一部変更したいとき
引数なしの scrollTop() で値の取得しかしないのなら、大丈夫だと思います。
引数を渡す(スクロール位置の設定を行う)場合には次の問題があります。
対象が window かどうかに関わらず、元の scrollTop() に引数を渡していません
→ f.apply(..., arguments) などとしましょう
引数を渡した scrollTop() ...
3
票
Javascriptのコンストラクタ内のjQueryイベントハンドラからメンバを参照する方法はありますか?
ES2015ではアロー関数(arrow functions)を使うことでthisの束縛が出来るようになりました。
var Sample = function(str){
this.str = str;
$('#btn').click(()=>{
alert(this.str);
});
};
なお、...
3
票
承認済み
Javascriptのコンストラクタ内のjQueryイベントハンドラからメンバを参照する方法はありますか?
イベントハンドラの中でthis.strのように使いたいという事でしょうか?
この場合、古典的な方法として、thisを変数に代入しておいてから使う方法があります。
一般的にはselfという変数名を使います。
var Sample = function(str){
this.str = str;
var self = this;
$('#btn').click(...
3
票
3
票
javascriptで論理積がtrueを返してくれない
指摘されているようにtypoですが、別のアプローチとして
function zeroPadding(n) {
// 100足してしまえば必ず3桁になるので文字列化後に先頭の文字をとばす
return (100 + n + "").substring(1);
}
function checkAttr(a, b, c) {
return a + "-" + ...
3
票
承認済み
ブラウザの戻るボタンで戻ったときにリロードする方法はありますか?
JavaScriptではなくサーバー側で戻る対象のページのHTTPヘッダーに
Cache-Control: no-store, no-cache, must-revalidate, max-age=0, post-check=0, pre-check=0
Pragma: no-cache
のように指定してキャッシュを無効化すべきだと思います。
3
票
mousewheel.jsの横スクロールについて質問です
リンク先のページのものを試してみました。
内部で利用されている jquery.mousewheel.min.js に原因があるようです。
最初に現時点での最新版の v3.1.13 で試しましたが、トラックパッドでは確かに暴れ馬でした。
次にリンク先のページで使われているものに近いバージョンの v3.0.6 で試したところ、リンク先のものと同等の動きになりました。
こちらを試してみはどうでしょう。
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
3
票
承認済み
Sliderを斜めに表示する方法
CSSを使用して要素を斜めに表示することができます。
CSS3のtransformプロパティにrotate()関数を指定することで、要素が回転表示されます。
引数には回転させる角度(deg)を指定します。下記は、右上45°に伸びるスライダーの例です。
$("#slider").slider();
#slider {
margin: 150px 10px;
width: ...
3
票
承認済み
JavaScriptのイベント系デバッグ作業 ステップ実行を試せるのか知りたい
イベントの発火時、すなわち今回の場合はクリック時にブレークポイントを仕掛ける方法についてご説明します。
そもそも、イベントの発火時、すなわちクリックされたときに何が起こるのかというのは、イベントとして関数を登録することにより指定します。
このプログラムの、... .onclick =の後ろの部分に注目してください。その部分は、以下のような関数式になっています。
function() {
...
無効化に投票
関連するタグ
jquery × 643javascript × 436
html × 183
css × 87
ajax × 37
ruby-on-rails × 34
php × 31
jquery-ui × 31
monaca × 22
twitter-bootstrap × 19
json × 14
onsen-ui × 11
ruby × 10
wordpress × 9
angularjs × 8
coffeescript × 7
mysql × 6
java × 5
node.js × 5
internet-explorer × 5
fullcalendar × 5
laravel × 4
cordova × 4
chrome-extension × 4
highcharts × 4