在我的MVC項目中包含貓頭鷹傳送帶和funcybox

如何在我的MVC項目中包含貓頭鷹傳送帶和funcybox？在我的MVC項目中包含貓頭鷹傳送帶和funcybox

我從下載的NuGet貓頭鷹旋轉木馬，在我common.js我：

$(document).ready(function() { 
var owl = $(".carousel"); 
    owl.owlCarousel({ 
     items: 2, 
     autoHeight: true 
    }); 
});

在我BundleConfig我：

bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
         "~/Scripts/jquery-{version}.js", 
         "~/Scripts/owl.carousel.js", 
         "~/Scripts/jquery-2.1.4.min.js"));

而且在我的html：

@Scripts.Render("~/bundles/jquery") 
    <div class="carousel"> 
          <div class="slide_item"><img src="http://i.imgur.com/iv6qWgb.jpg"/> 
          </div> 
          <div class="slide_item"><img src="http://images2.fanpop.com/images/photos/6900000/Andy-Murray-wallpapers-3-tennis-6904485-1024-768.jpg"/> 
          </div> 
         </div>

但旋轉木馬沒有工作。爲什麼？

來源

2015-09-28 andrey1567

您的document.Ready代碼在哪裏？它需要在Script.Render和你的Divs下。 – Botonomous

我的文檔。文件common.js中的代碼 – andrey1567

andrey1567 - 你的cshtml文件中你剛剛評論過@ Scripts.Render的那行嗎？它應該在 –

你是否嘗試添加CSS文件捆綁？例如：

bundles.Add(new StyleBundle("~/Content/css").Include(
    "~/Content/OwlCarousel/owl.carousel.css", 
    "~/Content/OwlCarousel/owl.theme.css", 
    "~/Content/OwlCarousel/owl.transitions.css", 
    "~/Content/bootstrap.css", 
    "~/Content/site.css"));

來源

2015-12-04 18:37:23 FlyR

在我的MVC項目中包含貓頭鷹傳送帶和funcybox

回答

相關問題