html創建的JavaScript不工作 - 滑塊不滑動

我正在學習JavaScript和jQuery，所以我有點麻煩。我[使用[fullPage.js] [2]製作一個頁面站點] [1]，並通過JSON從WordPress獲取站點的數據。最終我想用cordova編譯這個signle頁面網站來製作一個移動應用程序。html創建的JavaScript不工作 - 滑塊不滑動

問題：

FullPage.js帶有左/右滑塊和Id喜歡用它們來顯示一個頁面的網站的每個部分中的內容。但是，當我嘗試使用javascript和JSON從後期循環創建幻燈片<div class="slide">時，我無法將幻燈片呈現爲幻燈片。我所得到的只是一大堆div與他們附着的「幻燈片」類，它什麼都不做。

下面是一個例子，它獲得了推文轉化爲WordPress的帖子和Id像每個推文是一張幻燈片，所以你可以刷過最近的推文。如何獲取那些在JavaScript中環路創建的幻燈片div的：

 <!-- TWITTER POST JSON --> 
     <script type="text/javascript"> 
      var tweeturl = "http://ngaio.dogpatchmedia.com/api/get_posts/?posts_per_page=10&post_type=tweet"; 

       $.ajax({ 

        type: 'GET', 
        url: tweeturl, 
        complete: function(){      
        }, 
        success: function (data) { 

         var response = data; //JSON.parse(data); 

         //loop through posts 
         for(var i = 0; i != response.posts.length; i++) { 

         //get each element in the array 
         var post = response.posts[i]; 

         // post vars 
         var tweetContent = post.content; 

         // output stuff so we can see things 
         $("#twitter").append('<div class="slide"><div class="large-12 small-12 columns testimonial"><div class="twitterQuote"><p>' + tweetContent + '</p></div><div class="twitter"><div class="photo"><img src="img/twitterLogo.png"> </div></div></div></div>').trigger('create'); 

         } 


        }, 
        error:function (xhr, ajaxOptions, thrownError) {      
         alert("Error"); 

        } 

       }); 
     </script> 

    <!-- TWITTER (SLIDER) --> 

    <div class="section"><div class="row" id="twitter"></div></div>

注：

You can see the full site here

FullPage.Js docs can be found here

來源

2015-01-05 user12920

取決於您用於製作滑塊的實用程序，您需要在插入新html後初始化滑塊 – dfperry

或者，某些滑塊API有添加幻燈片的方法。檢查滑塊文檔。如果在頁面加載時沒有可用的圖像，則只需在添加幻燈片之後初始化ajax成功的滑塊即可。 – charlietfl

需要'滑脂（滑塊）'。你會在吱吱聲標準庫中找到'grease'。另外，是否來自您信任的來源的tweetContent HTML？ –

要初始化fullpage.js之前你添加的幻燈片。 Javascript是異步的，你需要小心。

您應該在您的ajax調用的success語句中添加fullpage.js的初始化。就在你用javascript添加幻燈片之後。

來源

2015-01-06 10:31:24 Alvaro

謝謝。這是我不明白的事情發生在腳本中的順序。 – user12920

我總是忘記這麼做:) – user12920

html創建的JavaScript不工作 - 滑塊不滑動

回答

相關問題