【jQuery】JavaScript ライブラリ総合質問所 vol.3

1 ：2013/05/25 〜 最終レス ：2013/09/23

JavaScriptライブラリ を自ら学ぶ人のための質問スレッドです。
■質問を書く上で
(1) 質問にならない投稿はご遠慮ください。(煽り、コード制作依頼など)
(2) 他の人に迷惑をかけるスクリプトの質問はご遠慮ください。
　　(ブラクラ、[戻る], [閉じる], [クリック] の妨害、画面占有など)
(3) 長い間連続して質問する場合にレス番を名前にしてあれば、質問の流れが回答者に伝わりやすくなります。
(4) 常に自発的に調べる心構えを持ってください。
　　具体的には「自分で調べてから質問する」「回答をもらってわからない単語があればGoogle検索してみる」など。
　　わからない内容を代わりに調べてくれる回答者をお望みの方は余所で質問してください。
(5) 出来るだけ一般的な用語を使用してください。脳内オレオレ用語は混乱の元です。
(6) 出来るだけサンプルコードを掲示してください。言葉による説明は行き違いが生まれる場合があります。
　　※必ず「問題の事象が再現されること」を確認してください。
　　　必要な部分だけ切り出したつもりで現象が再現できていなかったケアレスミスがしばしば見られます。
(7) サンプルコードに HTML が含まれる場合は http://validator.w3.org/ で [Check] してみてください。
(8) 質問を具体的かつ詳細に書くと回答を得られやすいです。質問テンプレートを活用してみてください。
■質問テンプレート
【環境】OS, ブラウザをバージョンと共に記入してください。(ex: IE8, Firefox4)
【何をしたのか】何をしたら問題の現象が発生するのか。再現手順を具体的に書いてください。
【エラーメッセージ】エラーメッセージがあれば正確に書き写してください。(Windows なら「コピット」を活用)
【期待する結果】最終的にどういう結果を望んでいるのか、を書いてください。
【サンプルコード】現象を再現可能な最小限のコードを書いてください。
　1レスに収まらないならコード投稿サイトを利用してください。
　http://jsdo.it/　http://jsbin.com/　http://jsfiddle.net/　http://ideone.com/
前スレ：
【jQuery】JavaScript ライブラリ総合質問所 vol.2
http://toro.2ch.net/test/read.cgi/hp/1350728831/

2 ：

関連スレ：
+ JavaScript の質問用スレッド vol.106 +
http://toro.2ch.net/test/read.cgi/hp/1368631760/
JavaScript Tips コレクション
http://toro.2ch.net/test/read.cgi/hp/1070611524/
1行javascriptプログラミング　　　
http://toro.2ch.net/test/read.cgi/hp/1066750037/
JavaScriptスレ2
http://toro.2ch.net/test/read.cgi/tech/1330477388/
サーバーサイドJavaScript総合
http://kohada.2ch.net/test/read.cgi/php/1210836132/
【node.js】サーバサイドjavascript 2【Rhino】
http://toro.2ch.net/test/read.cgi/tech/1358937029/

3 ：

復活したか

4 ：

ｊQは使いやすくて、主にセレクタを指定するコードが短くでき、それはそれで魅力的なのだが、
チェーン（っていうのかな？）が超長くなって、うまくインデント＋改行しないと読みづらくなるのが欠点だな。

5 ：

jqMobi、軽くて早くていいんだけど
jQueryのノリで使うと、いろいろハマる。
足りない機能も多く、仕様が微妙に違う点も多い。
jQueryと似て非なる独自のものと割りきって
個人プロジェクトで使うぶんにはいいかな。。。
仕事に使うとRる。

6 ：

jQuery Mobile + mysql + php でﾕｰｻﾞｰﾏｽﾀに登録した情報でログイン画面を作りたいのですが
どうにもうまくできません。いい方法ないですか。
現在login.php（jqm適用）にて認証行ってOKならmain.php（jqm適用）に以下記述で飛ぶようにしてるのですが
　$login_url = "http://{$_SERVER["HTTP_HOST"]}/test/main.php";
　header("Location: {$login_url}");
上記の命令でページを切り替えるとjqmのページ遷移で移動しているようで、mein.phpに記述してある
jsのイベントが発生してくれません。何かいい方法はないでしょうか、お知恵を拝借したいです。

7 ：

jsはクライアント側で処理する
phpはサーバー側で処理する
php（サーバー）で処理中にjs（クライアント）のイベントなんて発生しようがないと思うんやけどなぁ・・・
あやふやですいません

8 ：

jQMのページ遷移は基本的に、すでにDOMとしてサーバからロードされている
DIV要素をページとして扱うから、仕組みをきちんと理解してないとハマる。
ajaxページ遷移をオプション定義でOFFにしてやってみれ。
それでも解らなければ、jQMを使っても幸せにはなれないなら
さっさと他のフレームワークに乗り換えるか自作するのが吉。

9 ：

デフォajaxページ遷移OFF、必要なところをつけてできました。ありがとうございます
ﾄﾞｰﾅﾂ本見ながらやっておりましてそのあたりの意識を全くしておりませんでした。再度勉強しなおします。

10 ：

kaso

11 ：

ＪＱＭのイベントに関する入門書はないかな
デザインはよくみるけどイベントに関するあたりがあまり書いてなくて

12 ：

【環境】jQuery 1.10.1
$.getScript(について教えてください。
外部スクリプトの読み込みが完了後のコールバック関数に
引数をもたせたいのですが、希望の値をわたすことができません。
お詳しい方どうかご助言をお願いします。
【サンプルコード】
・メインのコード
$(function(){
for(var i = 0; i < 2; i++) {
$.getScript('test.js')
.done(function(script, textStatus) {
console.log(i);
});
}
});
・test.js
console.log('test.');

【期待する結果】
test.　　0　　test.　　1
【実際の結果】
test.　　2　　test.　　2

13 ：

>>12
それはどっちかっていうと、javascriptの質問スレ向けだけど
for ...
　(function () {
　　var j = i;
　　$.getScript((....
　　.done(....
　　　console.log(j);
　　});
　})();
}
みたいな感じで

14 ：

JavaScriptが動作するかを判定するコードは見つかるのですが
jQueryが動作するかを判定するコードが見つかりません。
入力フォームのクライアントチェックと送信処理をｊQueryで行なっており、
JavaScript非対応であればクライアントチェック無しの
単純な送信コードに切り替えているのですが、
この場合、「JavaScriptは動作するがjQueryが動作しない」ブラウザで
送信ができません。
手元にあるフィーチャーホンのフルブラウザがそれに該当します。
jQueryが動作するかを判定する方法はありますか？

15 ：

ない

16 ：

jQuery.autopager

17 ：

送ってしまった・・・
jQuery.autopager を ttp://lagoscript.org/jquery/autopager を見ながら設定中なのですが
3ページ目以降の内容が 全て2ページ目と同じになってしまいます。
現在は $.autopager(); でoption は設定してないのですが、 startやload に
Aタグの内容を書き替える 記述とか 必要なのでしょうか？

18 ：

Edge Animateのスレはないのか

19 ：

それはどっちかっつーとオーサリングツールだろ

20 ：

Basic jQuery Sliderというスライドショーのプラグインなんですが、
IE7以下だとスライドとその下にある数字の部分の間に40pxほどの隙間ができてしまいます。
原因は何でしょうか？

21 ：

俺はIE7が原因だと思う

22 ：

確かに。。。
表示を他のブラウザと揃える方法は無いでしょうか？
自分ではCSSをどういじっても隙間をなくすことができませんでした

23 ：

IE7。。。IE6の次にCSS周りが呪われてる。

24 ：

jQuery2系をみんなで使っていけばIE8以下を排除出来るはずだ！

25 ：

jQueryでとある<div></div>の中身(つまりHtml()メソッドで取れるもの)が、

テキスト<a href=~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~></a>となっているとき、<a>以降の部分は切り捨てて、テキストだけ取得する方法はないのでしょうか？

26 ：

text()でした

27 ：

SlideShare みたいに PDF や PPT ファイルを Web ページにそのまま埋め込めるライブラリってありませんか？？

28 ：

webサイトにFacebookのウォールを貼りつけました
参考にしたサイト：http://fukuyama.co/fbwall
上記サイトの下部に「追記：本文が長いので抜粋したい」というカスタマイズ方法が掲載されております
ところが、この通りに実行して表示が「・・・」になるのはclassが.fb-wall-descriptionの部分です
本文に反映させるには.fb-wall-boxではないかと思うのですが、如何せんそこから先がわかりません
jsファイル（jquery.neosmart.fb.wall.js）は、http://www.neosmart.de/social-media/facebook-wall/
からダウンロードしたものです
if(exists(data[k].description)){
thisDesc = modText(data[k].description);
if(thisDesc.length>299)thisDesc=thisDesc.substr(0,thisDesc.lastIndexOf(' '))+' ...';
output += '<span class="fb-wall-description">'+thisDesc+'</span>';
}
書き換えして試したのですが、うまくいきません
見本通りにやれるだけで、記述の内容はちんぷんかんぷんのレベルですが、何かしらのご教示を賜りたく
よろしくお願いいたします

29 ：

fbやってないから知らないけど
「・・・」で省略したいならcssで要素のサイズ指定して
text-overflow: ellipsis;
とか使うといいんじゃないかな

30 ：

>>29
レス、ありがとうございます
いろいろと試してみました
省略はできましたが、テキストが改行されません
文字数の指定で省略したいのですが難しいですね

31 ：

その後の試行錯誤の結果、望む結果に至り、自力解決できました
お騒がせしました

32 ：

どうやったら解決できたのか、書いてくれると
他の人の勉強にもなってありがたいぞ

33 ：

>>32
それぐらい自分でやれ
あまえんな。

34 ：

ブラウザの表示領域のいちばん上に位置する要素を、表示領域の一番下まで（ブラウザの下枠にくっつくまで）
移動させていくにはどうしたら良いでしょうか
ページのコンテンツが現在開いてるブラウザの中に収まりきらないケースでも
逆に余裕で収まる（フッタ部分がスカスカ）のケースでも同様に動いて欲しいです
<body>
<div id="container">/*よくあるコンテンツのセンタ合わせブロック*/
<div id="hoge">これを下までアニメーションさせて移動</div>
/*このへんにその他のコンテンツ*/
</div>
</body>
よろしくお願いします

35 ：

>>34
65 名無しさん＠お腹いっぱい。 sage 2013/07/31(水) 19:01:52.56 ID:j5t3rm/ZO
http://pbs.twimg.com/media/BQMJEVTCIAEkU5K.jpg
いやーん

36 ：

jQuery-UIを使わずに
jQuery mobileとjavascriptのみで
「D&Dで並べ替え可能なlistview」って作れないでしょうか。
3日ほどググっていますが、
jQuery-UIを用いたものばかり見つかります。

37 ：

jQuery-UIも使える環境だと分かりましたので
>>36は取り戻しいたします。
ありがとうございました。

38 ：

jQueryプラグインのスライドショー「ImageNavigation」を設置したのですが、ヘッダーの上を通過してしまいます。
上手いことヘッダの下を通す方法ないでしょうか？
今こんな感じです。
ttp://simapan.digiweb.jp/index.html

39 ：

>>38
CSSの#headerに、
z-index: 999;
とか入れてみな

40 ：

>>39
おぉ…出来ました！
ありがとうございます！

41 ：

z-indexの意味もちゃんと理解しとけな

42 ：

formをsubmitした時、トップページに戻ってしまいますが
これを防ぐ方法はありますか？

43 ：

submit処理がそもそもバグってんじゃね？
ajaxで送信処理してから、location.hrefでページ制御するのも1つの手。

44 ：

jquery1.8.3で
ttp://it-ystm.net/blog/?p=230
を設置、
resizeイベントは機能するんだけどscrollイベントが発火せず・・・
判る方いらっしゃいますでしょうか？

45 ：

jQuery使えないから、
英語がわからないから
って
どこかの個人が作った
ライブラリを使うのはやめなさい。
自分でできることだけしなさい。
できないなら出来るようになりなさい。

46 ：

>>45
優しいな。

47 ：

【環境】windows7 64bit home corome
【何をしたのか】下記。innerHTMLを勉強中
【エラーメッセージ】なし
【期待する結果】以下のコードでボタンを押した時に、id=test2のタグ内も、innerHTMLで内容を変更して"test_ok"と表示させたい。
id=test1の部分だと、上手くいきました。
また、これはスコープの問題なのでしょうか。
【サンプルコード】
<head>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#form1').submit(function() {
$.ajax({
type: "POST",
url: "db.php",
dataType: 'Json',
data: "postdata",
error: function(retobj){ //普段はsuccessです。
document.getElementById("form1").innerHTML="form1_ok";
document.getElementById("test1").innerHTML="test_ok"
document.getElementById("test2").innerHTML="test_ok"
}});});});</script></head>
<body>
<div id="test2">test!</div>
<div>
<div id="test1">test!</div>
<form method="post" name="form1" id="form1"><input type="submit" value="送信"></form>
</div>

48 ：

こんなんでどう？
とりあえず郵便番号検索してくる処理にしてみた。
<html><head>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css" />
<script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
<script type="text/javascript">
$(function(){$(document).on("click", "#btn_send", function(){
$("#btn_send").addClass('ui-disabled');
$("#form1 span.ui-btn-text").text("送信中");
$.ajax(
{async: true,type: 'GET',
url: 'http://api.postalcode.jp/v1/zipsearch',
data: {"zipcode":" 1100006"},dataType: 'jsonp'})
.done(function( data ) {console.log("通信完了時の処理");
var address = data.zipcode.a1;
var town = address.prefecture + address.city + address.town;
$("#test2").text("test2_ok");
$("#test1").text(town);
$("#form1 span.ui-btn-text").text("送信完了");
$("#btn_send").removeClass('ui-disabled');})
.fail(function( data ) {console.log("通信エラー");})
.always(function( data ) {console.log("通信結果の可否に関わらず必ず実行される処理");
});});
});
</script></head>
<body><div id="test2">test!</div><div>
<div id="test1">test!</div><form method="post" name="form1" id="form1"><input type="button" id="btn_send" value="送信"></form>
</div></body></html>

49 ：

>>48
ありがとうございます。
なんでうまくいくんだろう。

50 ：

ChromeのJavaScriptデバッガとかを使って
動きを追ってみるといいよ

51 ：

>>48>>50
ありがとうございました。原因がわかりました。
<div data-role="page" id="page1">
<div data-role="content" data-theme="d">
<input type="text" name="hoge1" value="" />
<div></div>
<div data-role="page" id="page2">
<div data-role="content" data-theme="d">
<form method="post" name="hoge3" id="form1">
<input type="text" name="hoge2" value="" />
<input type="submit" name="btn" id="btn" value="送信">
</form>
<div></div>
となっている時、page2でsubmitをするとpage1が再読み込みされるため、
page1が変更されていないように見えているようです。(hoge1の内容は消える)
page2は再読み込みされません。（hoge2の内容は消えない）
page2で「送信しました」などのメッセージを出してから画面遷移しようと思います。

52 ：

>>51
正解
あと、jQueryMobileのページは、1ページの構成に
お作法があるから、公式サイトなどのHTMLとjs初期化などを
参考にするといいと思う。

53 ：

jQueryのbxsliderというギャラリーを使用しているのですが、
レスポンシブデザインに対応していて、
新しめのAndroidモデルでは正常に動作するのですが、
古いAndroid機種で動作しません。
動作させることは可能でしょうか？
スクリプト部分
<script type="text/javascript">
(function($){
$(document).ready(function(){
$('.bxslider').bxSlider({
default: 5000,
responsive:true,
preventDefaultSwipeX: true,
auto: true,
slideWidth:1080
});
});
}(jQuery));
</script>
html部分
<div id="keyimageArea">
<ul class="bxslider">
<li><img src="images/pc_key.png" /></li>
<li><img src="images/pc_key2.png" /></li>
<li><img src="images/pc_key3.png" /></li>
<li><img src="images/pc_key4.png" /></li>
</ul>
</div>
ビューポートの設定
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">

54 ：

>>53
そもそも公式サイトのexampleがAndroid2.3では動かないね。
Android4.xなら動く。
bxSliderをAndroid2系で使うのがそもそも無理みたいだ。

55 ：

>>53
ソースコード有るんだから、動かないなら
動かない原因ぐらい自分で追求しろ。
オープンソースでgithubで開発されてるんだから
開発者本人に聞けばいいじゃないか。
動かすように君が修正して
パッチを提供すれば喜ばれるぞ。

なんで使う技術がない奴が
無理に使おうとするんだろうかね。
はっきり言ってやろう、お前には
レスポンシブデザインのものを作る技術がない。

56 ：

まぁそう怒りなさんなって。ここは総合質問所だし。
jQueryベースだと、各種プラグインを寄せ集めて
コードもコピペでそれなりに動いちゃうから
最初の敷居が低いんだよね。
webデザイナーレベルでもそれっぽく作れちゃうのが現実。
でもやる気のある奴はそこから仕組みを学んでいくし
ダメなやつはそこで止まるから、自然に篩い分けられる。
やる気のある奴が増えてくれればいいじゃないか。

57 ：

いや、使う技術がっていうより、調べる技術が必要だね。
使う技術って言ったら誰でも最初は書けないし、使えるようになったって時間経てば忘れるよ。
JavaScript屋でもない限り。

58 ：

すいません　sharepointみたいな
テーブルのフォーム作れて、あとからフォームをエクセルみたいなのに落とせるライブラリってありますか？？
sharepointは重いので似たようなやつを使いたいんですが

59 ：

エクセルに綺麗に落とすのは無理だな。CSV出力ならできるだろうけど。
http://www.trirand.com/blog/
のjqGridとか。

60 ：

>>55
自分でももちろん取り組んでおりました。
初心者用掲示板に以後出すようにいたします。
>>54
ご指摘ありがとうございます。
テスト機でも同様の結果みたいです
たまたま動いているデモがあるのですが、
http://sterfield.co.jp/demo/abe/27/
ビューポートの指定等がしておらず、まだ検証中ですが、実際の仕様ではこのままでは使えなそうでした

61 ：

Gets！！！ （ほんとにあった怖いコード in jQuery）
http://orgachem.hatenablog.com/entry/2013/08/21/030244
いやーこれはひどいｗ
> Gets？？？もう、もう意味が分からないです。いったい何をGetsするんですか。
ソースコード読んでますか？
この関数はコレクションに値をset/getする関数ですよ？ってコメントに書いてますよ？
おなじみの、引数があればsetterとして、なければgetterとする関数です。
上にset valueって書いてあるじゃないですか？ getsは当然get valueのことでしょう。
このコードはそもそもvalueを読み書きするもの。汎用的なものなので
具体的なvalueが何かはわからない。だからvalueって書くしかない。
valueの読み書きなのは関数のコメント見りゃわかる。なのでvalueを書くまでもない。
ただ、どの部分がsetでgetなのかはわかりにくいから書く必要がある。
> 引数が7つもある香ばしい仕上がり。Multifunctionalにした結果がこれだよ！
はい全然違います。getとsetを分離した所で、引数の数は変わりません。
むしろ重複コードが増えます。重複させない限り分離できません。
自分ならどうコードを書くか、せめて頭のなかで書いてみましょうね
> これがJSで最も有名なライブラリか……誰か助けて…
こんなくだらない点しか指摘できない。さすが有名なライブラリ。
id:devorgachem　えらそうにｗ

62 ：

バカスレw

63 ：

うるせ〜

64 ：

ウインドウの任意の座標上にある（レンダリングされている）オブジェクトを
イテレーションを使わずに取得することって出来ますか？
具体的には、$('.any') で選択できるオブジェクトが1000個描画されているとして、
x = 50, y = 200 という座標に重なっているオブジェクトを取得するというイメージです。
$('.any').each() などのイテレーションを使いたくない理由は
単純に検査する対象が多いためです。

65 ：

JQuey Mobileなんだですけ下記コードでスライダーを手動で構築したらバグなのか
きちんとスライダーが表示されない。　win7 crome29
$(document).on("mobileinit", function(){
$.mobile.ignoreContentEnabled= true;

$(document).on("pagebeforecreate", function(){
$('input[type=range]').slider();
});
});
<form action="" method="get">
<div data-role="fieldcontain">
<input type="range" data-enhance="false" data-highlight="true" min="1" max="99" value="1"/>
</div>
</form>

66 ：

|:::::::::::::::　　　
　　 　　　 ∧＿∧::::::::::::　
　＿_ 　　（´・ω・`) :::::::: すみません、ここでうんこしていいですか？
◎ー）　 /　 　　　＼:::::::::
　|　 |　(⌒) (⌒二　)::::::::::::
　~~~　／⌒ヽ(￣､　 ヽ＿＿＿　
　　　/　　　　Lヽ ＼ノ＿__
　　　ﾞー―――（＿_）---

67 ：

聞く前からもうしとるやないか！

68 ：

$.ajaxを実装したところ
$が読み込めない、または無いというメッセージがエラーで出ました
でも、それはFirefoxだけのこと
IEやChromeでは動作します
外部ファイルのjsファイルが読み込めてないのでしょうか？
ご助言お願いしますm(_ _)m

69 ：

ソースも無いのに助言も何もないわ

70 ：

>>68
そうだよ

71 ：

>>64
どれが該当するか分からないものをイテレート無しでポンと抽出出来るわけねーじゃん
jsでそれが出来るなら既にdbのチューニングとか不要の世界になってる

72 ：

>>68
jsファイルが読めてないとの疑惑があるんなら調べてみれば良い。

73 ：

DeNAのarctic.jsももう更新しないらしい（働いてる人が他のライブラリ進めてきた）
arctic.jsに似たライブラリありませんか？

74 ：

68です
Firefoxのキャッシュをクリアしたら表示されました
解決に２時間ぐらいかかってしまった・・・
JavascriptとかjQueryの問題外でした
ご迷惑をおかけしました

75 ：

|:::::::::::::::　　　
　　 　　　 ∧＿∧::::::::::::　
　＿_ 　　（´・ω・`) :::::::: すみません、ここでうんこしていいですか？
◎ー）　 /　 　　　＼:::::::::
　|　 |　(⌒) (⌒二　)::::::::::::
　~~~　／⌒ヽ(￣､　 ヽ＿＿＿　
　　　/　　　　Lヽ ＼ノ＿__
　　　ﾞー―――（＿_）---

76 ：

JavaのバイトコードをJSで再生できるライブラリ知りません？

77 ：

バイトコードの仕様が公開されていればライブラリは存在する

78 ：

バイトコードの仕様は公開されていますがライブラリが見つかりません

79 ：

bootstrapのmodalは上から降りてきますが、
すこし演出過多な感じがするので単なるフェードインアウトにしたいです
しかし出現の仕方のオプションはありません
どうすれば出来ますか？

80 ：

バージョンぐら書いてもらわないと

81 ：

バージョンは3です

82 ：

オプションがないから自作するしかないのでは？

83 ：

旦那33歳
を気持ちよくさせたいんですが、良い案が浮かびません。
みなさんは、どんな攻められ方が好きですか？

84 ：

尿道につまようじ

85 ：

VEGAS BACKGROUND JQUERY PLUGINについて質問です。
こちらの背景スライドショーをランダムで表示させたいのですが、皆目見当もつきません。
・配布先
http://vegas.jaysalvat.com/
・デモ
http://vegas.jaysalvat.com/demo/
・使用方法
http://vegas.jaysalvat.com/documentation/slideshow/
有名なプラグインのようですので、既出でしたら誘導していただくと助かります。
どうぞよろしくお願いいたします。

86 ：

空行いれてんじゃねえよみずれえだろカス

87 ：

>>86
ごめんね。。。(´・ω・`)

88 ：

そのプラグインにこだわらなければ、ランダムにスライドショーする
プラグインなんていろいろあるよ
http://www.findxfine.com/programming/javascript/995549549.html
http://www.pixedelic.com/plugins/camera/

89 ：

>>88
ありがとう！
背景フルスクリーンで、上下左右寄せが個別に設定できるから、VEGAS BACKGROUNDが良かったんだけど、http://www.pixedelic.com/plugins/camera/ もフルスクリーン対応みたいだし試してみますね。

90 ：

$("#goma").click(function(){
$("#goma").toggleClass("shio");
});
--------------------^--------------------------
.shio{background-color:blue}

これが全く機能しないんですけどなんででつか？

91 ：

すいません、わかりました
#gomaの背景色が優先されてることに気づいてなかった
!importantで解決しました

92 ：

!importantは使うな。

93 ：

#goma.shio でいいやん

94 ：

ページ中の特定の要素を指定した要素に置換する方法を教えてください

95 ：

parent()で親要素とって、そこを起点に
置換したい子要素をreplaceWith()かな
とにかく親要素の指定が重要

96 ：

bootstrapのmodal-headerって太すぎないですか？
設定ウインドウを作ったのですが、
画面中で最大の文字で「設定」って
そんなこと言わなくても分かるだろ！って思えます
どうやってますか？

97 ：

bootstrapを使う＝bootstrapのデザインに従う。
自分の気に入るデザインを求めるのなら
bootstrapを使っては駄目だ。
ということで、俺はbootstrapは使わん。
あれはクソフレームワークだからな。

98 ：

>>94,95
jQueryかな。
質問者の意図としては $(特定の要素).after($(指定した要素)).remove();
ってことじゃね? beforeでもいいけど。

99 ：

あ、いや、$(特定の要素).replaceWith($(指定した要素)).;でいいのか。

100read 1read

1read 100read
TOP カテ一覧 スレ一覧 2ch元 削除依頼 ▲

怒られるだろうけど (210)
関西圏のWEB制作会社 4 (489)
ブラクラの作り方がわかってしまった。。 (889)
ホームページNinja 総合スレ【スーパー全自動】 (256)
FC2ホームページが重すぎる (222)
WEBディレクターの集い3 (272)
--log9.info------------------
君野夢真 (115)
【うー】 廣田亮平 Part ４ 【たん】 (246)
【Cook Do】杉咲花 (520)
おかももちゃんこと、岡本桃佳ちゃん応援スレ★ (170)
JSアイドル清水ちか (165)
【ラブベリー】　刈谷友衣子　【検事・鬼島平八郎】 (795)
【引退】昔好きだったU-15アイドル【劣化】 (283)
アヤカ ウィルソン(Ayaka Wilson) 2ページ目 (592)
【巨乳】おっぱいが大きい子【胸】 (705)
河西莉子　Vol.4 (391)
【いもシス】 真木桜子 Part.1 【まっき〜】 (471)
【おはガール】田中絵里花ちゃん Part4【Rの法則】 (969)
【スイちゃん】熊田胡々【みいつけた！】 (465)
香坂まやちゃんかわいいぞ！ (146)
【微乳】三浦璃那【児童ポルノ】 (264)
ジュニアアイドルと同じ学校だが質問ある？ (114)
--log55.com------------------
【Joshin】上新電機 Part10【ジョーシン】
ヤマダ電機の従業員集まれ 29人目
ヤマダ電機の従業員集まれ 26人目
ヨドバシカメラ　10店舗目
ヤマダ電機の従業員集まれ 28人目
ヤマダ電機の従業員集まれ 24人目
【社員】コジマ電気Part3【激減中】
デオデオ ミドリ】EDION エディオン【エイデン 石丸