如何更新模态正文并在链接上打开点击

Question

我想在链接点击上更改bootstrap模态体的一些内容。 这是链接代码：

<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();
});

以下是Modal正文中的表单：

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

在链接上单击模式正在打开但模态正文未更改。 请帮帮我。

[更新] ：模式没有获取外部js文件，它会模拟模态体。

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

当js代码直接嵌入模态时，js代码工作正常。 所以我需要知道我必须把外部js文件放在哪里。目前它是在tag之前。

Answer 1

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

无论如何，您已经提供了“数据目标和数据切换”属性，因此您可以直接单击按钮而无需任何点击功能。

参考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();

    });