@karasique

Как подружить sweetalert2 и jquery autocomplete?

sweetalert2 модальное окно:
<script>
                document.querySelector("#addCar").addEventListener('click', function(){
                    swal({
                        title:"Добавление машины",
                        html:"<font size=4>Гос-номер: </font><br/><input id=\"swal-input2\" class=\"swal2-input\">",
                        showCancelButton: true,
                        confirmButtonText: "Добавить автомобиль",
                        cancelButtonText: "Назад",
                        confirmButtonColor: "#7AC29A",
                        focusConfirm: false,
                        allowOutsideClick: false,
                        showLoaderOnConfirm: true,
                        preConfirm: function() {
                            return new Promise(function(resolve) {
                                $.ajax({
                                    url: '<?echo "{$siteUri}requests/payConfirmation.php";?>',
                                    type: 'POST',
                                    data: {orderID:"<?=$repairHash?>",payType:'card',payConfirmationCode:"<?=$sql['payConfirmationCode']?>"},
                                    dataType: 'json'
                                })
                                    .done(function(response){
                                        if(response.error == 0){
                                            swal({title:'готово!', html:'<font size=3>готово.</font>',type:'success'});
                                            
                                            return;
                                        }
                                        else {
                                            swal({
                                                title: "Ошибка #"+response.error,
                                                text: response.errortext,
                                                type: 'error',
                                            });
                                            return;
                                        }
                                    })
                                    .fail(function(){
                                        swal({
                                            title: "Ошибка",
                                            html: "<font size=3>Возникла проблема на сервере.<br/>Запрос не обработан.</font> ",
                                            type: 'error',
                                        });
                                    });
                            });
                        },

                    });
                });

            </script>

после него:
<script type="text/javascript">
                    $( "#swal-input2" ).keyup(function() {
                        $( "#swal-input2" ).autocomplete({
                            source: "<?echo "{$siteUri}autorepair/";?>create/car-s.php",
                            minLength: 1,
                            select: function( event, ui ) {
                                $('#swal-input2').val(ui.item.label);
                            }
                        });
                    } );
                </script>


Как заставить этот чертов autocomplete работать?
  • Вопрос задан
  • 106 просмотров
Пригласить эксперта
Ответы на вопрос 1
@glagolew059
frontend developer
попробуйте так:
$( "body" ).on('keyup', '#swal-input2', function() { ....

}
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
16 апр. 2024, в 14:03
5000 руб./за проект
16 апр. 2024, в 13:17
5000 руб./за проект