Question

我正在使用Bootstrap模式，我想在单击按钮时更改div的内容。这是代码：

模式内容的HTML代码

#register-box {
    display: none;
}

css造型

 $(document).ready(function(){
  loginRegisterSwitch();
 });

function loginRegisterSwitch(){
    var registerBtn = $("#show-register");
    var loginBtn = $("#show-login");
    var registerBox = $("register-box");
    var loginBox = $("#login-box");

    registerBtn.on('click',function(){
        loginBox.hide();
        registerBox.css('display','block');
    });

    loginBtn.on('click', function(){
        registerBox.hide();
        loginBox.css('display','block');
    });
}

javascript函数隐藏/显示div

html()

当用户点击注册按钮时，登录表格div隐藏并注册框显示。我无法使用此代码（当用户点击注册按钮时，注册div显示但登录div不会隐藏）。我想知道是否有更好的方法来实现这一点，例如使用jQuery { "view_count": { "url": "https://freeman7.zendesk.com/api/v2/views/313117127/count.json", "view_id": 313117127, "value": 2, "pretty": "2", "fresh": true } }

Answer 1

您在registerBox的选择器中缺少＃。

将var registerBox = $("register-box");更改为var registerBox = $("#register-box");

jQuery替换div内容

1 个答案: