Question

我制作了qnamaker服务并建立了一个聊天来显示问题的答案。

 <!doctype html>
<html lang="en">
<head>

    <meta charset="UTF-8">
    <title>Live Chat</title>

    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Droid+Sans:400,700">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
    <script src="chat.js"></script>
    <script src="rispostachat.js"></script>
    <link rel="stylesheet" href="chat.css">
    <script src="jquery-3.3.1.min.js"></script>

</head>
<body>

    <div id="live-chat">

        <header class="clearfix">

            <a href="#" class="chat-close">x</a>

            <h4>Bot</h4>


        </header>

        <div class="chat">

                      <h3>Risposta:</h3>
                      <div id="answer"></div>

            <input type="text" id="question" name="question">
<button type="button" class="button" id="post-btn"> Chiedi</button>
</br>



</body>
</html>

这是关闭并显示聊天框

    (function() {

    $('#live-chat header').on('click', function() {

        $('.chat').slideToggle(300, 'swing');


    });

    $('.chat-close').on('click', function(e) {

        e.preventDefault();
        $('#live-chat').fadeOut(300);

    });

}) ();

这是为了插入响应并显示对用户的响应

    $("#post-btn").click(function(){
     jQuery.ajax ({
        url: "https://westus.api.cognitive.microsoft.com/qnamaker/v2.0/knowledgebases/idknowledgebasetoinsert/generateAnswer",
        type: "POST",
        data: '{"question" : "'+$("#question").val()+'"}',
        dataType: "json",
        contentType : "application/json",
        headers: {"Ocp-Apim-Subscription-Key": "subscriptionkeytoinsert"},
        success: function(msg, status, jqXHR){
             $('#answer').html(msg.answers[0].answer);
        }
     });  
  });

当我点击聊天的标题时，当我在聊天的关闭按钮x上查看时，聊天不会关闭，聊天不会消失。当我点击Chiedi发送答案时没有任何反应。我没有在聊天中看到该服务的响应。

Answer 1

看起来你已经在标题中包含了两次jQuery（2个不同的版本）

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<script src="jquery-3.3.1.min.js"></script>

聊天未结束且未显示回复

1 个答案: