現在のカゴの中

合計数量:0

商品金額:0円

カゴの中を見る

検索条件

商品カテゴリから選ぶ
商品名を入力

カレンダー

2020年11月の定休日
1234567
891011121314
15161718192021
22232425262728
2930
2020年12月の定休日
12345
6789101112
13141516171819
20212223242526
2728293031

※赤字は休業日です

IE8でjQueryセレクタにHTML5要素を指定すると動かない

2014/01/29(水)

HTML5忘れがちなので、メモしときます。

WordPressでwp_list_comments()を使うと、コメントリストのHTMLが取得できますが、

‘format’ => ‘html5′

とすると、コメントごとに

<artcle id=”div-comment-XX”>
中身・・・
</article>

というHTMLになります。
http://codex.wordpress.org/Function_Reference/wp_list_comments

 

このid:div-comment-XXに対し、jQueryで

$(“#div-comment-XX”).css(“display”,”none”);

とかすると、<article>がHTML5の要素のため、IE8では動きません。
※IE9未確認

 

解決策1.

‘format’ => ‘xhtml’

として、HTML5のタグは使わない。

 

解決策2.

ブラウザ判定して、IE10未満の場合
<article>~~</article>を<div>~~</div>
に置換する。

 

今回レスポンシブな作業なので、解決策2で対応しました。

記事カテゴリー WEB>WEBプログラミング|ブログ

コメント

新着情報RSS

2015年04月16日
サイトオープンいたしました!
一人暮らしからオフィスなどさまざまなシーンで あなたの生活をサポートするグッズをご家庭へお届けします!一人暮らしからオフィスなどさまざまなシーンで あなたの生活をサポートするグッズをご家庭へお届けします!一人暮らしからオフィスなどさまざまなシーンで あなたの生活をサポートするグッズをご家庭へお届けします!
最近のコメント

*

おなべ

おなべ

販売価格(税込): 1,782 円

たまには鍋でもどうでしょう。

アイスクリーム

アイスクリーム

販売価格(税込): 1,008 円

お口直しに。

月別記事
記事カレンダー
カレンダー日付
カレンダー