Javascript Bootsrap-模式内的popover内的表单

我一直在尝试将此功能添加到我的登录模式，但我就是无法让它正常工作。我很想在这方面得到一些帮助，因为我不能对它束手无策

我想让popover标题中的x按钮关闭popover，表单仅在模式关闭时工作。我真的很想在模态打开时工作。这就是我正在使用的代码

<div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="loginModalLabel">
<div class="modal-dialog" role="document">
    <div class="modal-content">
        <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h3 class="modal-title" id="loginModalLabel">Login</h3>
        </div>
        <div class="modal-body-login">
            <form>
                <div class="form-group">
                    <label for="usernameInput">Username</label>
                    <input type="username" class="form-control" id="usernameInput" placeholder="Username">
                </div>
                <div class="form-group">
                    <label for="passwordInput">Password</label>
                    <input type="password" class="form-control" id="passwordInput" placeholder="Password">
                </div>
                <div class="checkbox">
                <label>
                    <input type="checkbox"> Remember me
                </label>
                <label>

                <p class="forgot-password"><a href="#" id="passwordReset" data-html="true" data-container="body" data-toggle="popover" title="Password Reset <button type='button' class='close' id='close-popover' data-toggle='popover' aria-label='Close'><span aria-hidden='true'>&times;</span></button>" data-placement="right" data-content="
                <p>Please Enter the Email Adress linked to your account, well send you a password reset right away!</p>
                <form>
                    <div class='form-group'>
                        <input type='newEmail' class='form-control' placeholder='Email Adress'>
                    </div>
                    <button type='submit' class='btn btn-success btn-block'>Reset!</button>
                </form>
                ">Forgot Password?</a></p>

                </label>
                </div>
                <button type="submit" class="btn btn-success btn-block">Login</button>
            </form>
        </div>

        <div class="modal-footer">
            <h4>- OR -</h4>
            <a href="#collapseSignUp" data-toggle="collapse" aria-expanded="false" aria-controls="collapseSignUp"><h1>Sign Up</h1></a>
            <div class="collapse" id="collapseSignUp">
                <div class="well">
                    <form>
                        <div class="form-group">
                            <input type="newUser" class="form-control" placeholder="New Username">
                        </div>
                        <div class="form-group">
                            <input type="newName" class="form-control" placeholder="First & Last Name">
                        </div>
                        <div class="form-group">
                            <input type="newEmail" class="form-control" placeholder="Email Adress">
                        </div>
                        <div class="form-group">
                            <input type="newPassword" class="form-control" placeholder="New Password">
                        </div>
                        <div class="checkbox sub-check">
                            <label>
                                <input type="checkbox"> Sign Up for our newsletter? <p class="sub">No spam + Tonnes of free stuff.</p>
                            </label>
                        </div>
                        <button type="submit" class="btn btn-info btn-block">Sign Up</button>
                    </form>
                </div>
            </div>
        </div>

    </div>
</div>

---

如果这有什么原因不能正常工作，我很想知道。非常感谢你

你的问题不清楚，根据我的理解，你可以用关闭按钮制作带有html内容的popover

$document.readyfunction{ $'loginModal'。模式'show'； $passwordReset.popover{ 容器：“loginModal”， 是的，

---

template:“我运行了你的代码段，同样的问题似乎也发生了。在模式关闭的情况下，你无法在表单中输入任何内容。你知道如何在模式打开时选择表单吗？我更新了我的代码并修复了问题，你也可以在这里检查。我正在使用此模式的触发器，当使用你的代码时，它似乎会立即打开。”ly.我如何将其链接到这个？它立即打开，因为我在$document.ready上添加了$'loginModal'非常感谢您的帮助！我非常感谢您的帮助，因为我对javascript知之甚少。如果没有您，我将无法做到这一点。