小编Jam*_*ing的帖子

我在Safari中提交表单后,在向DOM进行样式更改时遇到问题.有没有人知道它是否可能？这是Safari的预期浏览器行为吗？

我已经设置了一个非常简单的示例,以便您可以看到问题的实际效果:http: //jamesmichaelking.com/stackoverflow/safari/index.html

该示例包含一个html表单发布到自身,带有jquery表单提交事件,该事件查找输入按钮并将背景更改为红色.

该示例在Firefox和Chrome中运行良好

我已经从示例中包含了html,js和css:

HTML

<form action="index.html" method="post">
    <input type="submit" value="Submit me!">
</form>

CSS

body {
    font-family: sans-serif;
    color: #fff;        
    text-align: center;
}

input {
    border: none;
    padding: 20px;
    font-size: 20px;
    background: #036;
    color: #fff;
}

JQUERY

$(function() {

            $('form').on('submit', function() {
                $(this).find('input').css('background', '#c00');
            });

        });

奇怪的是,我创建了一个相同代码的JSFiddle,它工作正常:http: //jsfiddle.net/jamesking/q8WcV/

我在Mac上使用Safari 7进行测试

任何帮助非常感谢