使用jQuery和光滑的js是一個麻煩

-1

我建立了一個頁面與引導，jQuery和光滑..但我有一個問題，同時生成動態數據..如果即時通訊使用靜態數據，工作正常。使用jQuery和光滑的js是一個麻煩

我的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

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

如果使用IM靜態數據/輸入手動在HTML，幻燈片是工作，但是，如果使用動態數據IM，幻燈片是停止工作，並進行水平..（如果使用Vue.js生成/獲取數據相同）。

檢查console.log，但沒有。

來源

2017-09-28 Tumbalakun

你是什麼意思的「動態數據」？什麼具體不工作？「靜態」版本與「動態」版本有什麼不同？ – David

@David在我的JS看到，即時消息從JSON獲取數據使用PHP for MySql – 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是一個麻煩

回答

相關問題