jquery - 更改 CSS 然后加载 HTML 文件不起作用

Question

这可能很难回答。我使用 jQuery 来操纵 div 中文本的样式。一切正常。然后我使用 jQuery Ajax 加载，加载新文本并替换旧文本。我希望修改后的 CSS 能够坚持下去，但事实并非如此。它正在恢复为未修改的 CSS。这有意义吗？

Answer 1

问题有点模糊。请添加代码以使其更清楚。

这是我试图展示我理解的问题的解决方案的 fiddle 。

HTML

<form method="post" action="/echo/html/" ajax="true">
<div class="testblock">
    <div class="test">
        Test One
    </div>
    <div class="test">
        Test Two
    </div>
</div>
    <button type='submit'>Submit</button>
</form>

CSS

.red_div {
    color: red;
}

JavaScript

$(document).ready(function(e) {
    $('.test').addClass('red_div');

    $("form[ajax=true]").submit(function(e) {

        e.preventDefault();

        var form_url = $(this).attr("action");
        var form_method = $(this).attr("method").toUpperCase();

        $.ajax({
            url: form_url, 
            type: form_method,      
            cache: false,
            success: function(){                          
                new_div = $('.testblock')
                            .append('<div class="test">Test Three</div>');
                //new_div.addClass('red_div');

            }           
        });    

    });

});

http://jsfiddle.net/9dUsf/