Событие Submit.click JQuery не работает

Question

Я пытаюсь найти и использовать несколько трюков, которые вы уже разместили здесь, но ни один из них не сработал.Я ударил стену своим творческим мышлением и идеями, что не так.У меня есть модальная форма, которая открывается, я хотел иметь возможность после нажатия кнопки «Отправить», чтобы скрыть модальные значения, собрать значения полей и открыть интерфейс чата.Вот код:

      $('#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'
  });

});

Я - младший разработчик, и я заранее извиняюсь. Если допустил ошибку некоторых новичков или что-то подобное, я все еще на стадии разработки:)

Заранее спасибо.

Ура.

Answer 1

Глядя на ваш код, я могу понять, что вы хотите нажать кнопку «создать», как только ваш «chatConfig» будет готов.

Поскольку вы не можете открыть окно чата, вы предполагаете,событие click не запускается, но это не так.Я думаю, что вы пропустили запуск функции 'create' вашего плагина веб-чата.

Так как вы хотите запустить его нажатием кнопки.

Поместите свой метод create в обратный вызов функции click.

$('#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'
        });
    });    
});

Answer 2

Попробуйте с этим

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