只有这个jquery脚本不在ie11中工作

Question

我写了这段代码：

<script type="text/javascript">
$(document).ready(function(){
    $(".button").on("click",function(){
       var color = $(this).css("background-color");
        $(this).parent().css({'border':'4px solid',color,'border-radius':'8px'});
        var color_code = "<p style='color:black;font-size:15px;padding:15px;font-family:calibri'>"+color+"</p>"
        $(this).replaceWith(color_code)

    });
});

</script>

在所有浏览器上工作正常，除了11，我不知道问题可能是什么？有什么建议吗？非常感谢提前

Answer 1

IE似乎没有跳过括号内的错误：

 {'border':'4px solid',color,'border-radius':'8px'}

应该是：

 {'border':'4px solid ' + color, 'border-radius':'8px'}