Jquery .load()在刷新时显示混乱的内容。如何解决?

时间:2011-07-28 14:08:28

标签: jquery ajax vb.net

我有一个加载div内容的主页:

    var content = $("#content_layout");
    //some code here
    content.load("claim_form.aspx?claim_no=" + file_number);

claim_form.aspx有一个下拉列表,根据该下拉列表,它应显示适当的输入字段。我将索引设置为1并自动加载第一组输入。以下是一些可以更好地解释它的代码:

$("#request_type").change(function(e) {
    index = document.getElementById("request_type").selectedIndex;
    if (index == "0") {
        variable_content(1000);
        hide_all(900);
        show_div("#invoice_payment_button_layout", 900);
        real_index = "1";
    }
    else if (index == "1") {
        variable_content(1000);
        hide_all(900);
        show_div("#void_check_button_layout", 900);
        real_index = "2";
// and so on......

当我第一次加载页面时,它完美地运行;但是,当我点击F5或通过url再次访问页面时,我看到所有输入字段。好像索引是每个单一的数字......

我正在使用IE7(公司要求)...... 谁能告诉我如何解决这个问题?所以,当我点击F5或再次访问该页面时,它并没有向我显示所有内容?

编辑: 更多代码:

//This is the first line
$(document).ready(function() {
//define some variables blah blah
hide_all(1); //I created this function (not sure if one exists so i specify)

然后:

function hide_all(speed) {
    $("#comment_box_layout").slideUp(speed);
    $("#invoice_payment_button_layout").slideUp(speed);
    $("#deductible_recovery_request_layout").slideUp(speed);
//so on with all the divs
}

现在可能会更容易吗?

2 个答案:

答案 0 :(得分:0)

狂野猜测 - 它可能是样式表问题的组合,change在初始页面加载刷新时没有触发。

刷新页面时,您是否确认chahce会激活?

样式表问题:你的div的初始状态是什么?显示还是隐藏?尝试通过样式表将它们最初隐藏起来,看它是否消失。

答案 1 :(得分:0)

您是否尝试在$(document).ready上调用hide_all()方法?听起来有一些有趣的CSS缓存,所以也许在文档准备好时总是隐藏所有内容,你可以设置一个干净的基本状态。