Question

这是页脚代码：

async approve(ctx) {
    try {
        const owId = new clientIdentity(ctx.stub).getAttributeValue('name')
        return owId.toString();
     } catch(error) {
            console.log(error);
            throw new Error(`Low on amount`);
     }

}

我想在单击“更新”按钮后打开模式。

views.py

<div class="modal-footer">
                                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                            <button id="employee_update_btn" type="submit" class="btn btn-success btn-round ">Update</button>
                                          </div>
                                            <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">
                                                        {% if success %}
                                                        <script>
                                                        $('#employee.employee_id_{{ employee.employee_id }}').show();
                                                        </script>
                                                        {% endif %}
                                                    </script>


                                    </form>

我想打开的模态：

 return render(request, 'index.html', context={'success': True})

Answer 1

您的{% if success %}...将破坏您的代码，在另一个代码中插入<script>标签。

无论如何，要实现所需的目标，以下方法可以解决问题。

$("#employee_update_btn").click(function (e){
    e.preventDefault();  // Prevent default submit action
    // show the modal
    $("#employee_employee_id_{{ employee.employee_id }}").show();
});`

请注意，我已经更改了您的模式ID，以消除其中的点，因为它将破坏选择器，请按如下所示更新html

<div class="modal fade" id="employee_employee_id_{{ employee.employee_id }}" tabindex="-1" role="dialog" style="display: none; overflow: auto;"  aria-hidden="true" data-backdrop="static">
[...]

如果您将引导程序用作css框架，请记住，在与模式进行交互之前应先初始化模式。

单击更新（提交）按钮后如何显示模态？

1 个答案: