Javascript 无法了解如何使用带Jssor滑块的navigator

很抱歉，即使有网站上的所有帮助，我仍然无法让导航器在我的页面上工作。我得到了以下html：

<div id="bj3dd" style="left: 0px; top: 0px; width: 600px; height: 300px;">
    <div data-slides="" u="slides" style="width: 600px; height: 300px;">
        <div>
            <img u="image" src="http://www.jssor.com/img/photography/002.jpg">
            <img u="thumb" src="http://www.jssor.com/img/photography/002.jpg" style="width:50px;height:50px;">
        </div>
        <div>
            <img u="image" src="http://www.jssor.com/img/photography/003.jpg">
            <img u="thumb" src="http://www.jssor.com/img/photography/003.jpg" style="width:50px;height:50px;">
        </div>
        <div>
            <img u="image" src="http://www.jssor.com/img/photography/004.jpg">
            <img u="thumb" src="http://www.jssor.com/img/photography/004.jpg" style="width:50px;height:50px;">
        </div>
        <div>
            <img u="image" src="http://www.jssor.com/img/photography/005.jpg">
            <img u="thumb" src="http://www.jssor.com/img/photography/005.jpg" style="width:50px;height:50px;">
        </div>
    </div>
    <span class="jssora03l" u="arrowleft"></span>
    <span class="jssora03r" u="arrowright"></span>
    <div class="jssort03" u="thumbnavigator" style="position: absolute; width: 600px; height: 60px; left: 0px; bottom: 0px;"></div>
</div>

尽管我可能会尝试，但我无法让导航器工作，请让我摆脱痛苦，告诉我我做错了什么

<div id="bj3dd" style="left: 0px; top: 0px; width: 600px; height: 300px;">
    <div data-slides="" u="slides" style="width: 600px; height: 300px;">
        <div>
            <img u="image" src="http://www.jssor.com/img/photography/002.jpg">
            <img u="thumb" src="http://www.jssor.com/img/photography/002.jpg" style="width:50px;height:50px;">
        </div>
        <div>
            <img u="image" src="http://www.jssor.com/img/photography/003.jpg">
            <img u="thumb" src="http://www.jssor.com/img/photography/003.jpg" style="width:50px;height:50px;">
        </div>
        <div>
            <img u="image" src="http://www.jssor.com/img/photography/004.jpg">
            <img u="thumb" src="http://www.jssor.com/img/photography/004.jpg" style="width:50px;height:50px;">
        </div>
        <div>
            <img u="image" src="http://www.jssor.com/img/photography/005.jpg">
            <img u="thumb" src="http://www.jssor.com/img/photography/005.jpg" style="width:50px;height:50px;">
        </div>
    </div>
    <!-- Arrow Navigator Skin Begin -->
    <!-- Open 'skin\arrow-03.source.html' and copy arrow navigator skin here -->
    <!-- Arrow Navigator Skin End -->

    <!-- ThumbnailNavigator Skin Begin -->
    <!-- Open 'skin\thumbnail-03.source.html' and copy thumbnail navigator skin here -->
    <!-- ThumbnailNavigator Skin End -->
</div>

<div id="bj3dd" style="left: 0px; top: 0px; width: 600px; height: 300px;">
    <div data-slides="" u="slides" style="width: 600px; height: 300px;">
        <div>
            <img u="image" src="http://www.jssor.com/img/photography/002.jpg">
            <img u="thumb" src="http://www.jssor.com/img/photography/002.jpg" style="width:50px;height:50px;">
        </div>
        <div>
            <img u="image" src="http://www.jssor.com/img/photography/003.jpg">
            <img u="thumb" src="http://www.jssor.com/img/photography/003.jpg" style="width:50px;height:50px;">
        </div>
        <div>
            <img u="image" src="http://www.jssor.com/img/photography/004.jpg">
            <img u="thumb" src="http://www.jssor.com/img/photography/004.jpg" style="width:50px;height:50px;">
        </div>
        <div>
            <img u="image" src="http://www.jssor.com/img/photography/005.jpg">
            <img u="thumb" src="http://www.jssor.com/img/photography/005.jpg" style="width:50px;height:50px;">
        </div>
    </div>
    <!-- Arrow Navigator Skin Begin -->
    <!-- Open 'skin\arrow-03.source.html' and copy arrow navigator skin here -->
    <!-- Arrow Navigator Skin End -->

    <!-- ThumbnailNavigator Skin Begin -->
    <!-- Open 'skin\thumbnail-03.source.html' and copy thumbnail navigator skin here -->
    <!-- ThumbnailNavigator Skin End -->
</div>