bugfix> javascript > 投稿

私はあなたがすでにここに投稿したいくつかのトリックを検索して使用しようとしましたが、どれも機能しませんでした。私は創造的な思考と何が間違っているのかを考えて壁にぶつかりました。モーダルフォームがあり、それを開きます。送信ボタンをクリックしてモーダルを非表示にし、フィールド値を収集し、チャットインターフェイスを開きます。コードは次のとおりです。

     $('#confirmation-button').click(function(){

      let firstName = $('#first-name').val();
      let lastName = $('#last-name').val();
      let firstName = $('#email').val();
      let firstName = $('#registration-number').val();

    let chatConfig = {
  "webchatAppUrl": "https://apps.mypurecloud.ie/webchat",
  "webchatServiceUrl": "https://realtime.mypurecloud.ie:443",
  "orgId": "8410",
  "orgName": "fjellinjenas",
  "queueName": "Chat",
  "logLevel": "DEBUG",
  "locale": "",
  "data": {
    "firstName": firstName,
    "lastName": lastName,
    "addressStreet": "",
    "addressCity": "",
    "addressPostalCode": "",
    "addressState": "",
    "phoneNumber": ""
  },
  "companyLogo": {
    "width": 600,
    "height": 149,
    "url": "http://i65.tinypic.com/2hr1ytg.jpg"
  },
  "companyLogoSmall": {
    "width": 25,
    "height": 25,
    "url": "http://i68.tinypic.com/2m3gto6.jpg"
  },
  "agentAvatar": {
    "width": 462,
    "height": 462,
    "url": "http://i67.tinypic.com/1eqted.png"
  },
  "welcomeMessage": "Du snakker med kundebehandler.",
  "cssClass": "webchat-frame",
  "css": {
    "width": "100%",
    "height": "100%",
    "display": "block",
    "left": "90%",
  }
};
});
ININ.webchat.create(chatConfig, function(err, webchat) {
    if (err) {
        console.error(err);
        throw err;
    }
    webchat.renderPopup({
        width: 400,
        height: 400,
        title: 'Chat'
  });
});

私はジュニア開発者であり、事前に謝罪しています初心者が間違えたり、似たようなことをした場合、私はまだ開発段階にあります:)

前もって感謝します。

乾杯。

回答 2 件
  • あなたのコードを見ると、「chatConfig」の準備ができたらすぐに「create」機能にアクセスしたいことがわかります。

    チャットウィンドウを開くことができないため、クリックイベントはトリガーされないと想定していますが、そうではありません。 ウェブチャットプラグインの「作成」機能をトリガーできなかったと思います。

    ので、ボタンのクリックでトリガーする必要があります。

    クリック関数のコールバック内に作成メソッドを配置します。

    $('#confirmation-button').click(function(){
    
        let firstName = $('#first-name').val();
        let lastName = $('#last-name').val();
        let firstName = $('#email').val();
        let firstName = $('#registration-number').val();
    
        let chatConfig = {
            "webchatAppUrl": "https://apps.mypurecloud.ie/webchat",
            "webchatServiceUrl": "https://realtime.mypurecloud.ie:443",
            "orgId": "8410",
            "orgName": "fjellinjenas",
            "queueName": "Chat",
            "logLevel": "DEBUG",
            "locale": "",
            "data": {
                "firstName": firstName,
                "lastName": lastName,
                "addressStreet": "",
                "addressCity": "",
                "addressPostalCode": "",
                "addressState": "",
                "phoneNumber": ""
            },
            "companyLogo": {
                "width": 600,
                "height": 149,
                "url": "http://i65.tinypic.com/2hr1ytg.jpg"
            },
            "companyLogoSmall": {
                "width": 25,
                "height": 25,
                "url": "http://i68.tinypic.com/2m3gto6.jpg"
            },
            "agentAvatar": {
                "width": 462,
                "height": 462,
                "url": "http://i67.tinypic.com/1eqted.png"
            },
            "welcomeMessage": "Du snakker med kundebehandler.",
            "cssClass": "webchat-frame",
            "css": {
                "width": "100%",
                "height": "100%",
                "display": "block",
                "left": "90%",
            }
        };
        ININ.webchat.create(chatConfig, function(err, webchat) {
            if (err) {
                console.error(err);
                throw err;
            }
            webchat.renderPopup({
                width: 400,
                height: 400,
                title: 'Chat'
            });
        });    
    });
    
    

  • これで試してください

    $(document).on("click",'#confirmation-button',function(){
    //Code...
    });
    
    

あなたの答え