2017-03-07 3 views
0

私は本当にASP.netを初めて使っています。私の質問がばかげていると私は許してください。 Flexsliderがインデックスページに表示するためにすべてを試したようですが、動作させることができません。 は、ここに私の_layoutページフレックススライダーがインデックスページに表示されていません

<!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>

誰かがこれで私を助けてください。私はスマートなブートストラップテンプレートを使用しています。 cssクラスへのすべてのパスが有効で、すべてのjsスクリプトが有効です。

私はこの仕事をするために無限のオプションを試しましたが、私は今まで運がなかった。私はこのライン のvar plugin_path =にチルダ(〜)を持っていた気づいていなかった

+0

特に問題は何ですか?何か間違いはありますか? – gareththegeek

+0

悪い質問を申し訳ありません。私はそれを考え出した。下の行に〜がありました var plugin_path = '〜/ assets/plugins /'; という理由で、スクリプトが動的にロードされていないためです。 – Musicshi

答えて

0

'〜/資産/プラグインは/' ので〜JSスクリプトの

はロードされませんでした。私は〜を削除し、フレックススライダが現れています。

関連する問題