画像が存在しなかったり、エラーで表示されるときに、親要素を丸ごと削除するというのを作成したいのですが、firefoxでは機能しないです。
gc.ie.Safariでは問題なく動いてます。
なので、これをfirefoxでも動くようにしたいです。
調べたところ、errorメソッドを使うやり方は古いらしくブラウザによっては動作に差があるとか。
代替案として、window.onerrorを使う方法があるようですが、これがちょっとやり方がわかりません。。
一応、作成したサンプルコードは下に貼ります。
firefoxでも機能する方法があれば、ご教授いただきたいです。
<!doctype html> <html> <head> <meta charset="UTF-8"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script> $(document).ready(function() { $('img.imgErr').error(function() { $('.wrapper').remove(); $('.sample').show(); }); }); </script> <title></title> </head> <body> <div class="wrapper"><img src="" class="imgErr">サンプルテキスト1</div> <div class="sample">サンプルテキスト2</div> </body> </html>回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/01/27 07:59