swiper.jsのprevボタンとnextボタンが利かない。

###前提・実現したいこと
C#のMVCでのswiper.jsの使い方についての質問です。
様々な参考サイトを閲覧させて頂きながら、以下のコードのようにprevボタンとnextボタンを用意・設定しました。
しかし、ボタンを押してもスライドされない状況です。
設定の仕方等間違いがありましたら教えてください。

###Index.cshtml

<head>
    <link rel="stylesheet" href="~/Content/swiper.min.css">
</head>
<body>
    <div class="swiper-container">
        <div class="swiper-wrapper">

            <div class="swiper-slide">
                Slide-01
            </div>
            <div class="swiper-slide">
                Slide-02
            </div>
            <div class="swiper-slide">
                Slide-03
            </div>
        </div>

        <!-- 必要に応じて以下の機能を追加 -->
        <div class="swiper-pagination"></div>
        <!-- ページネーション -->

        <div class="swiper-button-prev"></div>
        <!-- ボタンプレビュー -->

        <div class="swiper-button-next"></div>
        <!-- nextボタン -->

        <div class="swiper-scrollbar"></div>
        <!-- スクロールバー -->
    </div>
    <script src="~/Scripts/jquery-1.10.2.min.js"></script>
    <script src="~/Scripts/swiper.js"></script>
    <script src="~/Scripts/index.js"></script>
</body>

###index.js

(function () {
    var mySwiper = new Swiper
        (
        '.swiper-container', 
        {
            pagination: '.swiper-pagination',  
            nextButton: '.swiper-button-next', 
            prevButton: '.swiper-button-prev',  
            scrollbar: '.swiper-scrollbar'
        }
        );
}());

行動規範の内容に同意します

回答1件

ベストアンサー

パラメータの指定方法が違います。

JavaScript
1( function () {
2	var mySwiper = new Swiper
3		(
4		'.swiper-container', 
5		{
6			navigation: {
7				nextEl: '.swiper-button-next',
8				prevEl: '.swiper-button-prev',
9			},
10			pagination: {
11				el: '.swiper-pagination',
12				type: 'bullets',
13			},
14			scrollbar: {
15				el: '.swiper-scrollbar',
16				draggable: true,
17			},
18			/*
19			pagination: '.swiper-pagination',
20			nextButton: '.swiper-button-next',
21			prevButton: '.swiper-button-prev',
22			scrollbar: '.swiper-scrollbar'
23			*/
24		}
25		);
26} )();
27```**動くサンプル：**[https://jsfiddle.net/cyxfgj8r/](https://jsfiddle.net/cyxfgj8r/)
28
29---
30
31【Swiper API】
32[http://idangero.us/swiper/api/#navigation](http://idangero.us/swiper/api/#navigation)