元スレJavaScript ライブラリ総合質問所 vol.4
JavaScript覧 / PC版 /みんなの評価 :
756 = :
>>755
jQuery
例えば、以下の様なHTMLのとき
<select id="sel1" multiple>
<option>1</option><option>2</option><option>3</option><option>4</option>
</select>
<select id="sel2" multiple>
<option>a</option><option>b</option><option>c</option><option>d</option>
</select>
<button id="btn">btn</button>
ボタンを押したら選択項目を移動するのはこれだけでいい。
$('#btn').on('click', function() {
$('#sel2').append($('#sel1 option:selected'));
});
つまり、変数の値を+1するライブラリがないように、
たった数行で書けるコードのライブラリはないよ。
あんたしか欲しがる人がいないような機能を満たしたものがあるわけないし、
あったとしてもその程度自分で書いたほうがいい。
757 = 755 :
あ、もう自己解決したので結構です
752のようなゴミスクリプトとは違って
機能も満たしていてとても使い勝手の良いものを見つけたので。
758 = :
>>757
で、今度は、それつかって○○ができないんです。
どうしたらいいですか?って書き込むんだろう?w
「魚を一匹やれば1日食いつなぐが、魚の取り方を教えてやれば一生食いはぐれることはない」
ということわざ通りだな。
759 = 755 :
いいえ、もう実装も済んで完了しましたが?
役に立たない低脳はもうレスしないでくださいね^^
760 = :
>>759
残念。レスしたよ?w
お前の望みは果たされず。
762 = :
技術者のくせにネトウヨかよ
なんというゴミ
766 = :
ダサいかどうかは使う人の技術力よ。
技術力が低いと、理由もわからずダサいと思ってしまうものだよ。
767 = :
は?理解して言ってるか?
これはダサい以外の何ものでもねーぞ
770 = :
jQueryとjQuery UIのtabsを使って、Googlemapsを表示させてます。
地図がグレイになる問題は、resizeをかけることで解消したのですが、中心位置が自分が意図してたところから大きくズレています。
(東南に数十km離れたところが中心になって表示される)
あとコントロールも一切表示されていません。
jQuery UIのライブラリロードをコメントアウトすると正常に地図は表示されます。
jQueryUIとGooglemapsは相性が悪いのでしょうか?
GMAP3とかも使ってみましたが同様でした。
FFのFirebugで見ると、jQueryでエラーが出ています。「TypeError: this.each is not a function」
何か関係あるのでしょうか?同様にjQuery UIを外すとエラーは出ません。
よろしくお願いいたします。
772 = :
>>770
中心位置が南東方向にズレるのは、日本測地系で読み取った経緯度を世界測地系に
そのまま放り込んだからだと思うけど、ずれるといっても400~450mくらいだしなあ…
773 = :
lodash 3.0 リリース間近!
http://github.com/lodash/lodash
3.0-preから-preが外れました!
スレが多すぎてどこに書けばいいかわからないので
関連スレすべてにマルチポストしています。m(__)m
775 = :
fquery の fullCalendar で、予定表を作成しているのですが、
events: [
{ id:1, title: 'イベント1-1', start: '2015-01-23T16:00:00', end: '2015-01-23T17:00:00' },
{ id:1, title: 'イベント1-1', start: '2015-01-24T16:00:00', end: '2015-01-24T17:00:00' },
{ id:2, title: 'イベント2-1', start: '2015-01-23T16:00:00', end: '2015-01-23T17:00:00' },
{ id:2, title: 'イベント2-1', start: '2015-01-24T16:00:00', end: '2015-01-24T17:00:00' },
]
のようなイベントを作成して、
id 別に 表示のON OFF を切り替えることは出来ますか?
例:id:1 のイベントを表示し、id:2のイベントは隠す
776 = :
>>775
知らないけど、自分でそうできるように
作ればいいんじゃないですか?
779 = :
画像をLightbox2で表示させてるのですが、aの要素にいちいちライトボックスに
渡すためのタグを追加するのがめんどくさくなってしまいました。
Divで囲んだ範囲内にある画像をまとめてLightboxに渡すことは可能なのでしょうか?
その場合はどのように記述してあげればできますか?
よろしくお願いします。
781 = :
underscoreはまんまなんで知っていたが
lodashは、low dash だったのか。言われて気づいた。
だからLo-dashって書いていたのね。(今はlodashに改名したっぽいが)
782 = :
perlとrubyとの関係みたいなもんか
783 = :
あ、rubyってそういうことなんだ
気取った名前だなぁと思っていたが
784 = :
lodash 3.0 キタ━━━━(゚∀゚)━━━━!!
の続報が出ていないが、
バグ修正版の3.0.1、3.0.2が来たあと
関数が追加された3.1.0が来たね。
最近のコミット見るとまた関数が追加されたみたいだし。
もうすぐ3.2もくるかな。
また以前のように早いリリースに戻ったようで嬉しい。
785 = :
どなたかお願いします。
■ 目的
チェックボックスのon/offと連動して
別要素divの色をチェックon=青、チェックoff=赤と変えたい。
■ 記述
----- HTML ----
<input id="chk1" type="checkbox">
<div id="box1"></div>
----- CSS -----
#box1 {background-color: blue;}
.toRed {background-color: red;}
----- jQuery -----
$('#chk1').click(function(){
$('#box1').toggleClass('toRed');
});
■ 実際
一応目的通り動作しますが、IE9でチェックボックスをWチェックすると
チェックと青赤表示が互い違いになってしまいます。
つまりチェックされてるのに青、またはその逆に。
Foxは問題なく動作します。そこで
$('#chk1').dblclick(function(){return false;});
としてみたのですが変わらずです。
IE対策か根本的間違いなのかご指摘などお願いします。
787 = :
>>785
疑似クラスcheckedを使うべき
jQueryを併用するならckecked未実装向け(IE8-)に適用すべき
http://www.hcn.zaq.ne.jp/___/WEB/selectors4-ja.html#checked
788 = :
最近、「まだjQuery使ってるの?」的な意識高い人達の意見があるけど、代わりに何使ってんのかな
790 = :
>>787
レスありがとう。
疑似クラスcheckedでもIEの件は同じです。
791 = :
if文で状態をチェックしてaddClass、removeClassするしかないんでね?
792 = :
>>790
> 疑似クラスcheckedでもIEの件は同じです。
:checked は IE9 でサポートされているはずだが、本当に効かないのか?
http://jsfiddle.net/heot7au7/
793 = :
> 別要素divの色をチェックon=青、チェックoff=赤と変えたい。
挙動が逆か
http://jsfiddle.net/heot7au7/1/
これはCSS定義がおかしいだろ
デフォルト赤を期待しているのになぜCSSでは青をデフォルトにしてるんだ
794 = :
>>791
一番妥当で一番確実なのがそれですね。
781は簡略化してますが実際は複数あり、関数化するにもやや複雑になり
チェックボックス+トグルだけで済ませればかなり簡素化できて楽でして。
やはり急がば回れですかね。ありがとうございます。
>>792
問題は「戻る」でして・・・
ちなみにFoxとChoromeでは問題の互い違いの症状は全く出ません。
それどころか戻ったときにチェックもdivもページ移動前の状態を維持してくれています。
さすがにIE9捨てるわけには・・・
>>793
すみません、文章が逆でした。チェックon=赤、チェックoff=青でした。
実際はそうではなく違うことを実行してるのですが
わかりやすく書き換えたときに間違えてしまいました。
795 = :
>>794
では>>792で問題をクリアしているのではないのか?
796 = :
そもそも、[戻る] でどんな動作を期待しているのかがわからん
まだ出していない「新しい要件」があるなら具体的にいってもらわんと
>>785時点ではそんな要件はなかった
情報を後出しするなら初めからまとめて出すべき
797 = :
>>796
動作期待は通常のユーザの操作で互い違いにならないこと
つまりチェックの状態とjQメソッドの状態が同一になることです。
IEでチェックした状態でページ移動して戻ると互い違いになります。
戻るでなくてもWチェックの件もクリアしてませんが。
IE9で実際にやってますか?
>>791
今さっきそれで書き直したらIE9で正常にできました。
ckeckedを取得してその状態でaddClassかremoveClassに分けるそのまんまです。
$('#chk1').dblclick(function(){return false;});の行も削除してできました。
ありがとうございました。
798 = :
>>797
#box1 { background-color: blue; }
#chk1:checked ~ #box1 { background-color: red; }
IE9でチェックしたがダブルクリックしてもブラウザで戻っても問題なかったぞ?
799 = :
>>798
background-color: red; を別の何かスクリプトでしかできないことに置き換えてごらん
800 = :
>>798
~なしでお願いします。
類似してるかもしれないスレッド
- JavaScript ライブラリ総合質問所 vol.5 (344) - [97%] - 2022/3/14 17:45
- jQuery ライブラリ 総合質問所 vol.4 (986) - [78%] - 2016/1/12 15:15
- 【jQuery】JavaScript ライブラリ総合質問所 vol.3 (1001) - [75%] - 2014/6/18 20:58 △
- 【jQuery】JavaScript ライブラリ総合質問所 vol.2 (986) - [75%] - 2013/5/20 7:00
- 【jQuery】JavaScript ライブラリ総合質問所 vol.1 (983) - [75%] - 2012/10/8 22:30
- [JavaScript]プログラム作成します (981) - [37%] - 2010/12/8 21:02
トップメニューへ / →のくす牧場書庫について