2011年11月16日水曜日

wordbreak.jsでforefox8でデザインが崩れた。


このエントリーをはてなブックマークに追加


JQueryで連続した半角英数字を任意の場所で改行するプラグイン
これを使わせていただいてたのですが、Firefox8でデザインが崩れてしまいました。


原因



  • インデントの部分がtextContentで取得されてしまう




以下では、pとspanの間がtextNodeとして取得されてしまいました。



<p class="wordbreak">
<span>hoge<span>
</p>



修正



$(h).each(function(){
if ( /^\s*$/.test(this.textContent) ) {
elm.append(this);
}
else if ( this.nodeType == 3) {
elm.append($.trim(this.textContent.split('').join($.wb.sep)));
}
else {
elm.append($.wb.remake($(this)));
}
});



空白だけか、空の時は何もしない。
this.nodeTypeのところは、this.textContentの中身を調べるって条件ではダメなのかな。
(JavascriptおよびDOMがわかってない)





0 件のコメント:

コメントを投稿