2016-09-25 6 views
1

で作業していない:Ajaxは私が彼女のコードであるフクロウカルーセルをcountain私のページにAJAXを実装するとprobleme m個フクロウカルーセル

コントローラー:

public int Getmembers() 
    { 

     return db.Teams.Count(); 

     } 
    } 

ビュー:

<script> 
$(document).ready(function() { 
         var json = null; 
         $.ajax({ 
          url: '@Url.Action("Getmembers", "Home")', 
          type: "GET", 
          dataType: "int", 
          success: function (data) { 
           json = data; 

          }, 
          error: function() { 
           alert("Erreur de récupération des membres ou il n'existe aucun memnbre"); 
          } 

         }) 
         alert(json); 
         var owl = $("#owl-demo"); 

         owl.owlCarousel({ 
          items: json, //10 items above 1000px browser width 
          itemsDesktop: [1000, 5], //5 items between 1000px and 901px 
          itemsDesktopSmall: [900, 3], // betweem 900px and 601px 
          itemsTablet: [600, 2], //2 items between 600 and 0 
          itemsMobile: false, // itemsMobile disabled - inherit from itemsTablet option 
          pagination: false 

         }); 


        }); 
</script> 

私はデバッグを試みましたが、$ .ajaxの値がjsonの値が渡された(int 13)ことを発見しましたが、アラートを使用するとnullが返ってきました。ドキュメントを検索しましたが、まだhttp://www.jq22.com/demo/OwlCarousel2/demos/ajax.htmlです手がかりがない。

答えて

1

あなたのajax呼び出しは、owlカルーセル初期化の後で成功メソッドを実行することを意味するasyncです。

が成功方法にあなたのカルーセルのinitメソッドを置く:

$(document).ready(function() { 
    var json = null; 
    $.ajax({ 
     url: '@Url.Action("Getmembers", "Home")', 
     type: "GET", 
     dataType: "int", 
     success: function (data) { 
      var owl = $("#owl-demo"); 

      owl.owlCarousel({ 
       items: data, //10 items above 1000px browser width 
       itemsDesktop: [1000, 5], //5 items between 1000px and 901px 
       itemsDesktopSmall: [900, 3], // betweem 900px and 601px 
       itemsTablet: [600, 2], //2 items between 600 and 0 
       itemsMobile: false, // itemsMobile disabled - inherit from itemsTablet option 
       pagination: false 

      }); 

     }, 
     error: function() { 
      alert("Erreur de récupération des membres ou il n'existe aucun memnbre"); 
     } 

    }); 
}); 
+0

おかげで多くのことを、フクロウcarousellがうまく働いていた初期化するために忘れてしまいました! –

関連する問題