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上

回答

相关问题