javascript - SCRIPT5007 error in JSSOR slider in IE8 -

javascript - SCRIPT5007 error in JSSOR slider in IE8 -

there completed application written chrome. works fine needs compatible ie 8. throws error:

script5007: unable property 'currentstyle' of undefined or null reference file: jssor.slider.min.js, line: 2, column: 8287

in ie 11 still works fine. downloaded newest version of slider told in 1 of cases. wasn't help.

the js code:

$.get('slides/slide' + page + '.html', function(data) { $("main").html(data); getslider(); }); function getslider () { var options = { // $autoplay: false, $slideduration: 800, $bulletnavigatoroptions: { $class: $jssorbulletnavigator$, $chancetoshow: 2, $autocenter: 1, $steps: 1, $lanes: 1, $spacingx: 10, $spacingy: 10, $orientation: 1 }, $arrownavigatoroptions: { $class: $jssorarrownavigator$, $chancetoshow: 2 } }; var jssor_slider1 = new $jssorslider$('slider_container', options); }

html code:

<div id="slider_container" class="slider5_container"> <div u='slides' style='position: absolute; top: 0px; left: 0px; width: 820px; height: 748px; overflow: hidden;'> <!-- slide 5 --> <div class="slide slide1"> <h3 class="title">in order prove total body* mri conditional safety medtronic has completed extensive safety testing</h3> <div class="content"></div> <footer style='bottom: 103px; left: 14px;'>* info concerns devices have not been approved commercial utilize regulatory agencies.</footer> </div> <span u='arrowleft' class='arrow left '></span><span u='arrowright' class='arrow right '></span> <div u='navigator' class='jssorb01' style='position: absolute; top: 710px;'><!-- bullet navigator item prototype --><div u='prototype' style='position: absolute; width: 20px; height: 20px;'></div></div> </div> </div>

thank help

i tested code, worked.

please follow recommendations below , allow me know if there still problem.

download latest version.

move arrow navigator , bullet navigator out of 'slides' container.

<div u='slides' style='position: absolute; top: 0px; left: 0px; width: 820px; height: 748px; overflow: hidden;'> <!-- slide 5 --> <div class="slide slide1"> <h3 class="title">in order prove total body* mri conditional safety medtronic has completed extensive safety testing</h3> <div class="content"></div> <footer style='bottom: 103px; left: 14px;'>* info concerns devices have not been approved commercial utilize regulatory agencies.</footer> </div> </div> <span u='arrowleft' class='arrow left '></span><span u='arrowright' class='arrow right '></span> <div u='navigator' class='jssorb01' style='position: absolute; top: 710px;'> <!-- bullet navigator item prototype --> <div u='prototype' style='position: absolute; width: 20px; height: 20px;'></div> </div>

call next code after page load.

$.get('slides/slide' + page + '.html', function(data) { $("main").html(data); getslider(); });

javascript jquery internet-explorer internet-explorer-8 jssor