Razor JSSOR导航箭头不工作

我的滑块由于某种原因无法工作，我无法理解它。代码如下：

<div id="slider1_container">
    <!-- Slides Container -->
    <div u="slides" style="cursor: move; position: relative; overflow: hidden; left: 0px; top: 0px; width: 700px; height: 400px;">
        <div><img u="image" src="@appRoot/images/Slider/camp1.jpg" /></div>
        <div><img u="image" src="@appRoot/images/Slider/camp2.jpg" /></div>
        <div><img u="image" src="@appRoot/images/Slider/camp3.jpg" /></div>
    </div>
    <!-- Arrow Navigator Skin Begin -->

    <!-- Arrow Navigator Skin End -->
</div>

<!-- Arrow Left -->
        <span u="arrowleft" class="jssora03l" style="width: 55px; height: 55px; top: 500px; float:left; margin-left: 135px;">
        </span>
<!-- Arrow Right -->
        <span u="arrowright" class="jssora03r" style="width: 55px; height: 55px; top: 500px; float:left; margin-left: 910px;">
        </span>
<!-- Arrow Navigator Skin End -->

---

请将两个箭头放在“slider1\u容器”内

<div id="slider1_container">
    <!-- Slides Container -->
    <div u="slides" style="cursor: move; position: relative; overflow: hidden; left: 0px; top: 0px; width: 700px; height: 400px;">
        <div><img u="image" src="@appRoot/images/Slider/camp1.jpg" /></div>
        <div><img u="image" src="@appRoot/images/Slider/camp2.jpg" /></div>
        <div><img u="image" src="@appRoot/images/Slider/camp3.jpg" /></div>
    </div>

    <!-- Arrow Navigator Skin Begin -->
    <!-- Arrow Left -->
    <span u="arrowleft" class="jssora03l" style="width: 55px; height: 55px; top: 500px; float:left; margin-left: 135px;"></span>
    <!-- Arrow Right -->
    <span u="arrowright" class="jssora03r" style="width: 55px; height: 55px; top: 500px; float:left; margin-left: 910px;"></span>
    <!-- Arrow Navigator Skin End -->

</div>

<script>
    jQuery(document).ready(function ($) {
        var options = {
            $ArrowNavigatorOptions: {
                $Class: $JssorArrowNavigator$,
                $ChanceToShow: 2
            }
        };
        var jssor_slider1 = new $JssorSlider$('slider1_container', options);
    });
</script>

jQuery（文档）.ready（函数（$）{
变量选项={
$Arrow导航选项：{
$Class:$JssorArrowNavigator$，
$ChanceToShow:2
}
};
var jssor_slider1=新的$JssorSlider$（'slider1_container'，选项）；
});

请将两个箭头放在“slider1\u容器”内

<div id="slider1_container">
    <!-- Slides Container -->
    <div u="slides" style="cursor: move; position: relative; overflow: hidden; left: 0px; top: 0px; width: 700px; height: 400px;">
        <div><img u="image" src="@appRoot/images/Slider/camp1.jpg" /></div>
        <div><img u="image" src="@appRoot/images/Slider/camp2.jpg" /></div>
        <div><img u="image" src="@appRoot/images/Slider/camp3.jpg" /></div>
    </div>

    <!-- Arrow Navigator Skin Begin -->
    <!-- Arrow Left -->
    <span u="arrowleft" class="jssora03l" style="width: 55px; height: 55px; top: 500px; float:left; margin-left: 135px;"></span>
    <!-- Arrow Right -->
    <span u="arrowright" class="jssora03r" style="width: 55px; height: 55px; top: 500px; float:left; margin-left: 910px;"></span>
    <!-- Arrow Navigator Skin End -->

</div>

<script>
    jQuery(document).ready(function ($) {
        var options = {
            $ArrowNavigatorOptions: {
                $Class: $JssorArrowNavigator$,
                $ChanceToShow: 2
            }
        };
        var jssor_slider1 = new $JssorSlider$('slider1_container', options);
    });
</script>

jQuery（文档）.ready（函数（$）{
变量选项={
$Arrow导航选项：{
$Class:$JssorArrowNavigator$，
$ChanceToShow:2
}
};
var jssor_slider1=新的$JssorSlider$（'slider1_container'，选项）；
});

请将两个箭头放在“slider1\u容器”内

<div id="slider1_container">
    <!-- Slides Container -->
    <div u="slides" style="cursor: move; position: relative; overflow: hidden; left: 0px; top: 0px; width: 700px; height: 400px;">
        <div><img u="image" src="@appRoot/images/Slider/camp1.jpg" /></div>
        <div><img u="image" src="@appRoot/images/Slider/camp2.jpg" /></div>
        <div><img u="image" src="@appRoot/images/Slider/camp3.jpg" /></div>
    </div>

    <!-- Arrow Navigator Skin Begin -->
    <!-- Arrow Left -->
    <span u="arrowleft" class="jssora03l" style="width: 55px; height: 55px; top: 500px; float:left; margin-left: 135px;"></span>
    <!-- Arrow Right -->
    <span u="arrowright" class="jssora03r" style="width: 55px; height: 55px; top: 500px; float:left; margin-left: 910px;"></span>
    <!-- Arrow Navigator Skin End -->

</div>

<script>
    jQuery(document).ready(function ($) {
        var options = {
            $ArrowNavigatorOptions: {
                $Class: $JssorArrowNavigator$,
                $ChanceToShow: 2
            }
        };
        var jssor_slider1 = new $JssorSlider$('slider1_container', options);
    });
</script>

jQuery（文档）.ready（函数（$）{
变量选项={
$Arrow导航选项：{
$Class:$JssorArrowNavigator$，
$ChanceToShow:2
}
};
var jssor_slider1=新的$JssorSlider$（'slider1_container'，选项）；
});

请将两个箭头放在“slider1\u容器”内

<div id="slider1_container">
    <!-- Slides Container -->
    <div u="slides" style="cursor: move; position: relative; overflow: hidden; left: 0px; top: 0px; width: 700px; height: 400px;">
        <div><img u="image" src="@appRoot/images/Slider/camp1.jpg" /></div>
        <div><img u="image" src="@appRoot/images/Slider/camp2.jpg" /></div>
        <div><img u="image" src="@appRoot/images/Slider/camp3.jpg" /></div>
    </div>

    <!-- Arrow Navigator Skin Begin -->
    <!-- Arrow Left -->
    <span u="arrowleft" class="jssora03l" style="width: 55px; height: 55px; top: 500px; float:left; margin-left: 135px;"></span>
    <!-- Arrow Right -->
    <span u="arrowright" class="jssora03r" style="width: 55px; height: 55px; top: 500px; float:left; margin-left: 910px;"></span>
    <!-- Arrow Navigator Skin End -->

</div>

<script>
    jQuery(document).ready(function ($) {
        var options = {
            $ArrowNavigatorOptions: {
                $Class: $JssorArrowNavigator$,
                $ChanceToShow: 2
            }
        };
        var jssor_slider1 = new $JssorSlider$('slider1_container', options);
    });
</script>

jQuery（文档）.ready（函数（$）{
变量选项={
$Arrow导航选项：{
$Class:$JssorArrowNavigator$，
$ChanceToShow:2
}
};
var jssor_slider1=新的$JssorSlider$（'slider1_container'，选项）；
});

它怎么不起作用？发生了什么？当我点击箭头时，箭头就不起作用了。它们就在那里，当你点击并拖动时，幻灯片可以播放，但是箭头什么都不做。怎么会不起作用呢？发生了什么？当我点击箭头时，箭头就不起作用了。它们就在那里，当你点击并拖动时，幻灯片可以播放，但是箭头什么都不做。怎么会不起作用呢？发生了什么？当我点击箭头时，箭头就不起作用了。它们就在那里，当你点击并拖动时，幻灯片可以播放，但是箭头什么都不做。怎么会不起作用呢？发生了什么？当我点击箭头时，箭头就不起作用了。它们就在那里，当你点击并拖动鼠标时，幻灯片会播放，但箭头什么也不做。我这样做了，但箭头甚至不出现。我这样做了，但箭头甚至不出现。我这样做了，但箭头甚至不出现。我这样做了，但箭头甚至不出现。