IE11でbackground-imageのJQueryが反映されない


問題となったコード。

html
<div id="image_area"></div>
JQuery
$("#image_area").css("background-image","url(画像パス)");

このコードでは、Chrome、FireFoxでは動作するが、IE11では動かず。
いろいろ原因を探って、たどり着いた答えがコレ。

修正後
$("#image_area").css({
    "background-image": 'url("画像パス")',
});

IE11でbackground-imageプロパティを指定するときは

1. { "background-image": 値 } の形式で書く
2. 画像パスはダブルクオーテーションで囲む

必要があるようです。なんでこうしないといけないのかはわからないですが...

参考にしたところ
jQueryで背景画像を変える時にIEでの対処法【JS】
背景画像をJavaScriptで書き換える