title: JSSOR multiple sliders - broken responsive
body: <p>I have two JSSOR sliders working except the responsive part only works for one slider.</p>
  
  <p>Even duplicating the responsive code does nothing. Anyone have any ideas?</p>
  
  <pre><code>        var jssor_slider1 = new $JssorSlider$("slider1_container", options);
          var jssor_slider2 = new $JssorSlider$("slider2_container", options);
          //responsive code begin
          //you can remove responsive code if you don't want the slider scales while window resizes
          function ScaleSlider() {
              var parentWidth = jssor_slider1.$Elmt.parentNode.clientWidth;
              if (parentWidth)
                  jssor_slider1.$ScaleWidth(Math.max(Math.min(parentWidth, 800), 300));
              else
                  window.setTimeout(ScaleSlider, 30);
          }
          ScaleSlider();
  
          $(window).bind("load", ScaleSlider);
          $(window).bind("resize", ScaleSlider);
          $(window).bind("orientationchange", ScaleSlider);
          //responsive code end
  
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>For all the code the website is <a href="http://garyedwardrotter.com" rel="nofollow">http://garyedwardrotter.com</a> and the portions with the sliders are in the photography section. Just the first two are setup right now and I have used the same exact code/slider setup for both.</p>
  
  <p>Any help is very appreciated, thank you.</p>