Question

我正在尝试使用jQuery刷新div，但是刷新后CSS无效。

仅供参考：我动态设置CSS，

document.getElementById("sai").style.color = "green";



window.setInterval('refresh()', 1000);  
      function refresh() {
        $('#nav-tabContent').load(' #nav-tabContent')

      }

刷新div后，不使用绿色。

Answer 1

当您添加这样的颜色时：

document.getElementById("sai").style.color = "green";

您将其添加为嵌入式样式。

再次重新渲染div时，动态添加的嵌入式样式会消失。您应在执行此操作后再次添加color，如下所示：

window.setInterval('refresh()', 1000);  
      function refresh() {
        $('#nav-tabContent').load(' #nav-tabContent');
        document.getElementById("sai").style.color = "green";
      }

Answer 2

由于刷新是动态应用的，因此刷新后应再次应用CSS样式。刷新div时，浏览器将使用静态包含的代码再次呈现它，这就是为什么不会应用动态添加的CSS的原因。

Answer 3

应该这样写。工作代码的链接为here.

def calculations(capital, interest_rate, annual_saving, year):
    x = (capital + annual_saving) * (1 + interest_rate)
    for i in range(1, year, 1):
        x = (x + annual_saving) * (1 + interest_rate)
    return x

capital = float(input("Enter initial capital: "))
interest_rate = float(input("Enter interest rate: "))
annual_saving = float(input("Enter annual savings: "))
year = float(input("Enter number of years of saving: "))

results = calculations(capital, interest_rate, annual_saving, year)
print(results)

刷新div后CSS样式不起作用

3 个答案: