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

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

    });