Question

我是ASP.net的新手。如果我的问题看起来很愚蠢，请原谅我。好像我已尝试将Flexslider显示在索引页面上的所有内容，但我似乎无法使其正常工作。这是我的_Layout页面的代码

＆＃13;

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

＆＃13;

现在这里是我的索引页面的代码，我已经定义了flexslider。

＆＃13;

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

＆＃13;

请有人帮我解决这个问题。我正在使用一个聪明的bootstrap模板。 css类的所有路径都是有效的，并且所有js脚本都是有效的。

我尝试过无穷无尽的选择，但到目前为止我没有运气。

Answer 1

我没有意识到我在这行中有tilda（〜） var plugin_path =＆＃39;〜/ assets / plugins /＆＃39;

由于~js脚本没有加载。我删除了〜并且flexslider现在出现了。

Flexslider未在IndexPage上显示

1 个答案: