jquery 및 매끄러운 js를 사용하여 문제가

-1

나는 부트 스트랩, jquery, 매끄러운 ..와 페이지를 만들었지 만 동적 데이터를 생성하는 동안 .. 정적 데이터를 사용하는 경우 잘 작동합니다.jquery 및 매끄러운 js를 사용하여 문제가

<div class="slider-post"> 
<ul id="sliderfirst" class="slider-for"> 
</ul> 
</div>

메신저 동적 데이터를 사용하는 경우 메신저, 수동으로 HTML에서 입력, 슬라이드가 작동/정적 데이터를 사용하지만, 경우

내 JS

$.post(api + "/api.php?c=newslide", function (response) { 
     var arr = $.parseJSON(response); 
     var trHTML = ''; 
     $.each(arr, function (ix, nilai) { 

      trHTML += '<li><div class="post-style2" itemscope itemType="http://schema.org/BlogPosting"><div class="post-thumb2"><img itemprop="image" src='+arr[ix].img+' alt=""/></div><div class="post-detail2"><div class="cat"><a itemprop="url" href="#" title="">'+arr[ix].category+'</a></div><h3 itemprop="headline"><a itemprop="url" href="#" title="">'+arr[ix].title+'</a></h3><div class="date"><ul><li><a itemprop="datePublished" content="December-29-2014" href="#" title="">'+arr[ix].publish_date+'</a></li></ul></div><p itemprop="description">'+arr[ix].content+'</p></div></div></li>' 

     }); 
     $('#sliderfirst').html(trHTML); 

    });

및 HTML에서, 슬라이드입니다 작동을 멈추고 수평으로 갈 것입니다 (Vue.js를 사용하여 데이터를 생성/가져 오는 경우와 동일).

console.log에서 확인하십시오.

출처

2017-09-28 Tumbalakun

"동적 데이터"란 무엇을 의미합니까? 구체적으로 작동하지 않는 것은 무엇입니까? "정적"버전과 "동적"버전의 차이점은 무엇입니까? – David

@David My JS에서 볼 수 있습니다. MySql 용 PHP를 사용하여 JSON에서 데이터를 가져 오는 중 – Tumbalakun

그 데이터는 무엇입니까? "정적"데이터와 다른 점은 무엇입니까? 이 코드는 어떤 HTML로 데이터를 생성합니까? "정적"데이터의 HTML과 다른 점은 무엇입니까? 디버깅 정보를 제공해야합니다. – David

동적 인 이미지 소스 변수를 문자열 안의 큰 따옴표로 묶어야한다고 생각합니다.

'...<img itemprop="image" src=' + arr[ix].img + ' alt=""/>...'

이

'...<img itemprop="image" src="' + arr[ix].img + '" alt=""/>...'

출처

2017-09-28 18:07:57 lankovova

-1

에

그냥 내 JS로 인덱스에서 이동 해결 :

그래서,이 부분을 변경하려고합니다. 모두에게 감사드립니다

$('.slider-for').slick({ 
     slidesToShow: 1, 
     slidesToScroll: 1, 
     arrows: false, 
     slide: 'li', 
     fade: false, 
     asNavFor: '.slider-nav' 

    });

출처

2017-09-28 18:24:20 Tumbalakun

jquery 및 매끄러운 js를 사용하여 문제가

답변

관련 문제