How to change the navigation container responsiveslides.js?

I want to add slider responsiveslides.com to the site. This slider has the possibility to change the navigation, which by default consists of a bulleted list, using the tag navContainer: "" , what I actually want to do. But the container that I tied, is ignored, and the switching still occurs with the help of bulleted list. What am I doing wrong?
<meta name="viewport" content="width=device-width,initial-scale=1">
 <link rel="stylesheet" href="../responsiveslides.css">
 <link rel="stylesheet" href="demo.css">
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
 <script src="../responsiveslides.min.js"></script>

the <script>
 $(function () {
 // Slideshow 2
$(".rslides").responsiveSlides({
 auto: false,
 pager: true,
 speed: 300,
 maxwidth: 540,
 navContainer: ".slider-buttons"
});
});
</script>



<!-- Slideshow 2 -->
 <ul class="rslides" ">
 the <li><a href="#"><img src="images/1.jpg" alt></a></li>
 the <li><a href="#"><img src="images/2.jpg" alt></a></li>
 the <li><a href="#"><img src="images/3.jpg" alt></a></li>
</ul>
 <div class="slider-buttons">
 <div class="slider-button1"><a href="#" class="slider-button1">Button 1</a></div>
 <div class="slider-button2"><a href="#" class="slider-button2">Button 2</a></div>
 <div class="slider-button3"><a href="#" class="slider-button3">Button 3</a></div>
 </div>
July 2nd 19 at 17:30
1 answer
July 2nd 19 at 17:32
If I understand correctly, you attribute wrong: navContainer: "", // Selector: Where controls should be appended to, default is after the 'ul'

There seems to says that this attribute defines a simple container for navigation. For custom control is used probably the following attribute:

manualControls: "", // Selector: Declare custom pager navigation

Find more questions by tags jQueryCSSHTML