테스트 사이트 - 개발 중인 베타 버전입니다

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

dudqls 2년 전 조회 3,943

</p>

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

<p>                    <div></p>

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

<p>                            검색</p>

<p>                        </button></p>

<p>                    </div></p>

<p>

이고 

</p>

<p><script></p>

<p> $(document).ready(function() {</p>

<p>    $(".btn_primary i").click(function() {</p>

<p>        alert("Tt");</p>

<p>        let value = this.value;</p>

<p>        ajax_url = "~~";</p>

<p>         $('#address_searching').val(value);</p>

<p>          let frmData = $("#search_wrap").serialize();</p>

<p>          console.log(frmData);</p>

<p>        $.ajax({</p>

<p>            type: "POST",</p>

<p>            url: ajax_url,</p>

<p>            data: frmData,</p>

<p>            dataType: "JSON",</p>

<p>            success: function(response) {</p>

<p>                // let array = new Array();</p>

<p>                // array = response;</p>

<p>                console.log(response);</p>

<p> var str = "";</p>

<p>                var viewTitle = "";</p>

<p>                $('.swiper-wrapper').html('');</p>

<p> </p>

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

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

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

<p>               </p>

<p> </p>

<p>                            <div class="swiper-slide"></p>

<p>                                <div class="petroom_img">`;</p>

<p>                    if( rows.photo != "" && rows.photo != underfined){</p>

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

<p>                    }else {</p>

<p>                   str+=      `<img src="<a href="https://iriwa.kr/data/file/machine_list/no_img_riwa.png"" target="_blank" rel="noopener noreferrer">https://iriwa.kr/data/file/machine_list/no_img_riwa.png"</a> alt="각 지점 이미지">`;</p>

<p> </p>

<p>                    }</p>

<p>                     str +=          ` </div></p>

<p>                            </div></p>

<p>                            <!-- 이미지 끝 --></p>

<p>     </p>

<p>            },</p>

<p>            error: function(xhr, status, error) {</p>

<p>                console.error(error);</p>

<p>            }</p>

<p>        });</p>

<p>       </p>

<p>    });</p>

<p>  });</p>

<p> $('.swiper-wrapper').html(str);</p>

<p></script></p>

<p>

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

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

답변 2개

채택된 답변
+20 포인트
조리링
2년 전

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

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

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

cuwaaang
2년 전

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

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

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

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

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

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

로그인