javascript 오류 ajax 페이지 연관 채택완료

Copy
<input type="search" name="search_machine" id="form1" value="" placeholder="지점명 입력">

                    <div>

                        <button type="button" class="btn_primary i">

                            검색

                        </button>

                    </div>

이고 

Copy
<script>

 $(document).ready(function() {

    $(".btn_primary i").click(function() {

        alert("Tt");

        let value = this.value;

        ajax_url = "~~";

         $('#address_searching').val(value);

          let frmData = $("#search_wrap").serialize();

          console.log(frmData);

        $.ajax({

            type: "POST",

            url: ajax_url,

            data: frmData,

            dataType: "JSON",

            success: function(response) {

                // let array = new Array();

                // array = response;

                console.log(response);

 var str = "";

                var viewTitle = "";

                $('.swiper-wrapper').html('');

 

           str +=   `<div class="swiper-slide">

                        <a onclick="find_map('<?php echo $row['mapLatitude']?>','<?php echo $row['mapLongitude']?>');">

                            <!-- 이미지 시작 -->

               

 

                            <div class="swiper-slide">

                                <div class="petroom_img">`;

                    if( rows.photo != "" && rows.photo != underfined){

                    str +=       `<img src="https://iriwa.kr/data/file/machine_list/<?php echo $data[1][0]; ?>" alt="각 지점 이미지">`;

                    }else {

                   str+=      `<img src="https://iriwa.kr/data/file/machine_list/no_img_riwa.png" alt="각 지점 이미지">`;

 

                    }

                     str +=          ` </div>

                            </div>

                            <!-- 이미지 끝 -->

     

            },

            error: function(xhr, status, error) {

                console.error(error);

            }

        });

       

    });

  });

 $('.swiper-wrapper').html(str);

</script>

ajax_url은 임의로 생략한거구요 제가 작업하던 페이지를 그대로 복붙해서 실행하니 css도 깨지고 갑자기 버튼도 안먹힙니다 이유가 있을까요ㅠㅠ 수정한것이라고는 ajax페이지에서 성공하면 저렇게 div 변경으로 한것밖에없습니다

답변 2개

채택된 답변
+20 포인트

ajax 성공하면 거기서 다시 swiper 초기화시켜주던지 갱신시키던지 해야작동해요

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

음 뭐더라 동기,비동기 차이였던가

자세히 봐야 알겠지만 일단은 swiper 가 작동을 안한다는말인거같은데, 버튼안먹고,

slick slider 였나 그거는 지원을 했던걸로 기억이나는데 한번 바꿔서 시도해보셔도될듯?

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고