更改CSS然后加载HTML文件不工作

时间:2014-03-10 18:20:52

标签: jquery css ajax

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

1 个答案:

答案 0 :(得分:0)

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

这是我试图为我理解的问题展示解决方案的小提琴。

<强> 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/