Question

我正在开发一个聊天屏幕，并且我想在选择屏幕上的选项时启动模式，但我无法执行。请帮助我。这是我的html代码，您可以在其中插入选项代码。

<section id="demo">
    <div class="vertical-align">
        <div class="container">
            <div class="row">
                <div class="col-sm-6 col-sm-offset-3 col-xs-offset-0">
                    <div class="card no-border">
                        <div id="chat" class="conv-form-wrapper">
                            <form action="" method="GET" class="hidden">
                                <select data-conv-question="Here is my features! Enjoy.">
                                    <option value="google" data-callback="googleMap">Google Map</option>
                                    <option value="bing" data-callback="dawaai">Medicine Comparison`</option>
                                </select>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

数据回调时调用的函数是：

function google(stateWrapper, ready) {
    window.open("https://www.google.com/maps/place/Agha+Khan+Hospital+Pond+No.1/@24.8935763,67.0690012,17z/data=!3m1!4b1!4m5!3m4!1s0x3eb33edd90fa1943:0xd423034e388220fa!8m2!3d24.8935997!4d67.0713131");
    ready();
}

function bing(stateWrapper, ready) {
    window.open("https://dawaai.pk/");
    ready();
}

jquery的代码在这里：

<script type="text/javascript" src="jquery-1.12.3.min.js"></script>
<script type="text/javascript" src="dist/autosize.min.js"></script>
<script type="text/javascript" src="dist/jquery.convform.js"></script>

由于我无法为jquery插入完整的文件，因此我正在插入链接表单，在其中可以获取chatbot的完整代码。

https://github.com/eduardotkoller/convForm

Answer 1

You can try this:

View:
<div id="DemoModal" class="modal fade" role="dialog" data-keyboard="false" data-backdrop="static">
        <div class="modal-dialog">
            <div class="modal-content" id="modal-content">
            </div>
        </div>
    </div>

Jquery:
function OpenModel(Title, Body, modalsize) {

        $("#DemoModal").find(".modal-content").html(Body).after(function (e) {
            if (modalsize == null) {
                modalsize = 'modal-lg'
            }
            $("#DemoModal").find(".modal-dialog").attr('class', 'modal-dialog ' + modalsize + '');
            $("#DemoModal").find(" ").html(Title);
            $("#DemoModal").modal("show");
        })

    }

And when you need to call pop up then simply pass:

 OpenModel("", data, '')
in jquery.

我正在尝试启动弹出/模态屏幕

1 个答案: