■ このスレッドは過去ログ倉庫に格納されています
プログラミングでjavascriptできるやつきて
- 1 :以下、\(^o^)/でVIPがお送りします:2016/05/17(火) 20:53:42.110 ID:Eg3OgFCX0.net
- JQueryのoffset().leftで要素の位置を拾ってこれないんだ、助けてくれ
- 2 :以下、\(^o^)/でVIPがお送りします:2016/05/17(火) 20:54:15.257 ID:FxNgz8YS0.net
- JQueryできるやつってすれたい変えてから出直してこい
- 3 :以下、\(^o^)/でVIPがお送りします:2016/05/17(火) 20:55:13.741 ID:CsrSxQ4i0.net
- 拾ってこれないってのは何から判断した?
- 4 :以下、\(^o^)/でVIPがお送りします:2016/05/17(火) 20:55:46.913 ID:Eg3OgFCX0.net
- 正確にはJQueryで他の要素の位置をずらしたあとに、値をとってこようとすると、他の要素の影響を受ける前の値が返ってくる
- 5 :以下、\(^o^)/でVIPがお送りします:2016/05/17(火) 20:56:03.665 ID:Eg3OgFCX0.net
- >>2
ライブラリだからいいだろ
- 6 :以下、\(^o^)/でVIPがお送りします:2016/05/17(火) 20:57:02.353 ID:Eg3OgFCX0.net
- >>3
console.logで値を確認した
元の位置座標の値がなぜかとれてる
ズレた後の値がほしい
- 7 :以下、\(^o^)/でVIPがお送りします:2016/05/17(火) 20:57:16.063 ID:IP+cmN6C0.net
- >>4
一度Stringでとっておく
あとは分かるな?
- 8 :以下、\(^o^)/でVIPがお送りします:2016/05/17(火) 20:57:33.695 ID:8ui6Sktm0.net
- よくわからないががんばれよ
- 9 :以下、\(^o^)/でVIPがお送りします:2016/05/17(火) 20:58:23.429 ID:qsAFgkG60.net
- angularに乗り換えだ。
- 10 :以下、\(^o^)/でVIPがお送りします:2016/05/17(火) 20:59:21.541 ID:Eg3OgFCX0.net
- >>7
すまん、わからん
もともとの位置なら取れるけど、ズレたあとの位置が取れないんだ
- 11 :以下、\(^o^)/でVIPがお送りします:2016/05/17(火) 21:00:28.232 ID:Eg3OgFCX0.net
- >>8
がんばるわ
>>9
typescriptは勉強してるぞ、angularは触りだけみて忘れた
そのうちやりたい
- 12 :以下、\(^o^)/でVIPがお送りします:2016/05/17(火) 21:03:28.056 ID:Eg3OgFCX0.net
- はぁさっぱりわからん
他の要素使って指定するほうがはやいか
- 13 :以下、\(^o^)/でVIPがお送りします:2016/05/17(火) 21:04:51.642 ID:8ui6Sktm0.net
- http://semooh.jp/jquery/api/css/offset/_/
これのこと?
- 14 :以下、\(^o^)/でVIPがお送りします:2016/05/17(火) 21:06:01.033 ID:Eg3OgFCX0.net
- >>13
うん、それのこと
- 15 :以下、\(^o^)/でVIPがお送りします:2016/05/17(火) 21:06:02.271 ID:T5GnUPEdp.net
- 他に解決策あるならその問題を控えておいて完成させてから考えろ
一つにこだわって解決しないままがいちばんゴミ
- 16 :以下、\(^o^)/でVIPがお送りします:2016/05/17(火) 21:07:41.943 ID:Eg3OgFCX0.net
- typescriptで書くと型定義のおかげで書きやすい
なんの値が取れてるかすぐわかるから初心者向き
- 17 :以下、\(^o^)/でVIPがお送りします:2016/05/17(火) 21:08:29.151 ID:Eg3OgFCX0.net
- >>15
だから最後におまいらにきいてみた
わりと諦めてる
- 18 :以下、\(^o^)/でVIPがお送りします:2016/05/17(火) 21:09:04.817 ID:8ui6Sktm0.net
- ちょっと作りたいもののソースをのせてみてよ
- 19 :以下、\(^o^)/でVIPがお送りします:2016/05/17(火) 21:14:22.015 ID:TrbR4y+z0.net
- >>16
それでやればええやん
- 20 :以下、\(^o^)/でVIPがお送りします:2016/05/17(火) 21:15:58.997 ID:Eg3OgFCX0.net
- >>18
パソコンいま学校(´ ・ω・ `)
チェックボックスが表みたいに並んでて、
チェックボックスにチェックいれるとブロック要素がチェックボックスの後ろに挿入されてズレていく感じ
□□□□
□□□□
□■
【ブロック要素】
□□□□
- 21 :以下、\(^o^)/でVIPがお送りします:2016/05/17(火) 21:17:28.591 ID:Eg3OgFCX0.net
- >>19
値も型もわかってるんや
そして取れてる値がおかしい
offset()ってJQueryで書き換えたあとの値はとらないんだろうか
- 22 :以下、\(^o^)/でVIPがお送りします:2016/05/17(火) 21:21:44.286 ID:Eg3OgFCX0.net
- >>20
これで複数のチェックボックスにチェックをいれたあと例えば真ん中のチェックボックスのチェックを外す
これが
□□■
【ブロック要素】
□□□□
□■
【ブロック要素】
□□□□
こうなる
□□□□
□□□□
■
【ブロック要素】
□□□□
- 23 :以下、\(^o^)/でVIPがお送りします:2016/05/17(火) 21:22:09.899 ID:8ui6Sktm0.net
- <!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery.min.js"></script>
<script type="text/javascript">
function ResetOffset() {
var p = $("p:last");
var offset = p.offset();
p.html( "left: " + offset.left + ", top: " + offset.top );
};
$(document).ready(function(){
ResetOffset();
$('div').on('click', function() {
$('p:last').before( '<p>Test</p>' );
ResetOffset();
});
});
</script>
<style>
p { margin-left:10px; }
</style>
</head>
<body>
<div>
<p>Hello</p>
<p>2nd Paragraph</p>
</div>
</body>
</html>
- 24 :以下、\(^o^)/でVIPがお送りします:2016/05/17(火) 21:22:25.342 ID:8ui6Sktm0.net
- ちょっと書いてみた
- 25 :以下、\(^o^)/でVIPがお送りします:2016/05/17(火) 21:23:35.078 ID:Eg3OgFCX0.net
- このとき残ったチェックボックスの位置をとると、なぜか□■のときの2番目の値がとれる
- 26 :以下、\(^o^)/でVIPがお送りします:2016/05/17(火) 21:29:56.421 ID:Eg3OgFCX0.net
- >>23
Testがはいってズレたあとの最後のpタグの位置がとれるんだよね
環境いまなくて試せないが
- 27 :以下、\(^o^)/でVIPがお送りします:2016/05/17(火) 21:30:52.021 ID:Eg3OgFCX0.net
- leftはおんなじでtopだけちょっとズレるはず
- 28 :以下、\(^o^)/でVIPがお送りします:2016/05/17(火) 21:34:55.354 ID:8ui6Sktm0.net
- ボタンクリックしたときに位置は当然ずれるけれど
ずらした後にjquery のoffset()関数 (ResetOffsetの中ね)を呼ばないと
画面の値は更新されないよ。
試してみてね
- 29 :以下、\(^o^)/でVIPがお送りします:2016/05/17(火) 21:40:37.943 ID:Eg3OgFCX0.net
- >>28
ありがとう、codepenで試せた
ちゃんと動くねどこを間違えたんだろう
総レス数 29
8 KB
掲示板に戻る
全部
前100
次100
最新50
read.cgi ver 2014.07.20.01.SC 2014/07/20 D ★