Flexslider沒有顯示在IndexPage上

我真的是新的ASP.net。所以如果我的問題看起來很愚蠢，請原諒我。似乎我已經嘗試了所有Flexslider在我的索引頁上顯示，但我似乎無法使其工作。下面的代碼爲我_layout頁Flexslider沒有顯示在IndexPage上

<!DOCTYPE html> 
 
<html lang="en-us"> 
 
<head> 
 

 
    <!-- mobile settings --> 
 
    <meta name="viewport" content="width=device-width, maximum-scale=1, initial scale=1, user-scalable=0" /> 
 
    <!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]--> 
 
    <!-- WEB FONTS : use %7C instead of | (pipe) --> 
 
    <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400%7CRaleway:300,400,500,600,700%7CLato:300,400,400italic,600,700" rel="stylesheet" type="text/css" /> 
 

 
    <!-- CORE CSS --> 
 
    <link href="~/assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" /> 
 

 
    <!-- THEME CSS --> 
 
    <link href="~/assets/css/essentials.css" rel="stylesheet" type="text/css" /> 
 
    <link href="~/assets/css/layout.css" rel="stylesheet" type="text/css" /> 
 

 
    <!-- PAGE LEVEL SCRIPTS --> 
 
    <link href="~/assets/css/header-1.css" rel="stylesheet" type="text/css" /> 
 
    <link href="~/assets/css/color_scheme/green.css" rel="stylesheet" type="text/css" id="color_scheme" /> 
 
    <link href="~/Content/Site.css" rel="stylesheet" /> 
 
</head> 
 
<body> 
 

 
    @RenderBody(); 
 

 
    <!-- JAVASCRIPT FILES --> 
 
    <script type="text/javascript"> var plugin_path = '~/assets/plugins/'</script> 
 
    <script type="text/javascript" src="~/assets/plugins/jquery/jquery-2.2.3.min.js"></script> 
 

 
    <script type="text/javascript" src="~/assets/js/scripts.js"></script> 
 

 
    <!-- STYLESWITCHER - REMOVE --> 
 
    @*<script async type="text/javascript" src="~/assets/plugins/styleswitcher/styleswitcher.js"></script>*@ 
 

 
    @RenderSection("scripts", required: false) 
 
</body> 
 
</html>

現在，這裏就是我已經flexslider定義了我的索引頁的代碼。

<body> 
 
      <div class="flexslider"> 
 
       <ul class="slides"> 
 
        <!-- Slide 1 --> 
 
        <li> 
 
         <a href="#"> 
 
          <img src="~/assets/images/demo/content_slider/10-min.jpg" alt="Slide 2"> 
 
          <div class="flex-caption">My text 1</div> 
 
         </a> 
 
        </li> 
 

 
        <!-- Slide 2 --> 
 
        <li> 
 
         <a href="#"> 
 
          <img src="~/assets/images/demo/content_slider/3-min.jpg" alt="Slide 3"> 
 
          <div class="flex-caption">My text 2</div> 
 
         </a> 
 
        </li> 
 

 
        <!-- Slide 3 --> 
 
        <li> 
 
         <a href="#"> 
 
          <img src="~/assets/images/demo/content_slider/21-min.jpg" alt="Slide 4"> 
 
          <div class="flex-caption">My text 3</div> 
 
         </a> 
 
        </li> 
 

 
        <!-- Slide 4 --> 
 
        <li> 
 
         <a href="#"> 
 
          <img src="~/assets/images/demo/content_slider/23-min.jpg" alt="Slide 5"> 
 
          <div class="flex-caption"My text 4</div> 
 
         </a> 
 
        </li> 
 
       </ul> 
 
      </div> 
 
</body>

有人可以請幫我這。我正在使用一個聰明的bootstrap模板。所有到CSS類的路徑都是有效的，所有的js腳本都是有效的。

我已經嘗試過無盡的選擇，使這項工作，但我迄今沒有運氣。

來源

2017-03-07 Musicshi

問題具體是什麼？你是否收到任何錯誤？ – gareththegeek

對不起，不好的問題。我想到了。有〜在下面的行 var plugin_path ='〜/ assets/plugins /'; 因爲這個原因，腳本沒有動態加載。 – Musicshi

我不知道我在這一行 VAR plugin_path =有蒂爾達（〜）〜/資產/插件/「

由於〜的JS腳本沒有加載。我刪除了〜並且flexslider現在顯示出來了。

來源

2017-03-07 20:50:28 Musicshi

Flexslider沒有顯示在IndexPage上

回答

相關問題