如何更新模态主体并在单击链接时打开

Question

我想在链接单击时更改引导模态主体的某些内容。这是链接代码：

<a href="" id="login_link" data-toggle="modal" data-target="#myModal" >Log In</a>

这是JQuery代码：

$('#login_link').click(function (element) {            
            $('#myModal').find('#signup_form').hide();
});

这是模态主体内部的表单：

<form class="form-horizontal" id="signup_form" name="signup_form" ></form>

在链接单击时，模态正在打开，但模态主体没有变化。请帮助我。

[更新]：模态没有获取操纵模态主体的外部 js 文件。

<script type="text/javascript" src="js/code.js"></script>

当JS代码

直接与模态一起嵌入时，JS代码工作正常。所以我需要确切地知道我必须将外部 js 文件放在哪里。目前是在标签之前。

Answer 1

如果是引导模式，为什么需要点击功能？

无论如何，您都给出了"数据目标和数据切换"属性，因此您可以直接单击按钮而无需任何单击功能。

请参阅 https://www.w3schools.com/bootstrap/bootstrap_modal.asp 以更好地了解模态

您可以尝试以下代码。这将在模态弹出窗口中隐藏表单

$('#myModal').on('shown.bs.modal', function () {
                        $(this).('#signup_form').hide();
                    });

Answer 2

试试这个

  $(document).on('click', '#login_link', function(){
       $('#myModal').find('#signup_form').hide();
    });