swiper2插件中的autopalyDisableOnInteraction属性失效问题

在移动端项目中用到Swiper2插件做首页轮播
其中有一条autopalyDisableOnInteraction属性，默认为true，当设为false的时候，对swiper做点击，触碰，拖动操作时会停止自动轮播，并且重新启动一个autoplay。
在安卓和苹果设备上测试之后，不管设置为true还是false，都不能阻止自动轮播，在操作的同时，自动轮播也在进行，不知道问题出在哪~~希望有大神能解答一下，下面附上代码。
PS：外层容器是定死的，内层数据都是动态添加的。

<body onload="homePageOnload()">
<div class="swiper-container">
</div>
</body>
<script>
    //banner处理
    function bannerDeal(responseJson) {
    var arryAll = [];
    var divStr = "";
    if ("200" == responseJson.errorCode) {
        arrayAll = responseJson.data.rows;
        var heardStr = "<div class=\"swiper-wrapper\">";
        var bannerDivImg  = "<div class=\"swiper-slide\"><img src=\"{0}\" {1}></div>";
        var endStr = " </div><div class=\"pagination\"></div>";
        var id = 0;
        arrayAll.forEach(function(e) {
                         id ++;
                         var tiaozhuan = " id=\"banner_" + id + "\"  data-url=\"" + e.url
                         + "\" data-title=\"" + e.title + "\"";
                         divStr = divStr + bannerDivImg.format(e.photo,tiaozhuan);
                         })
    }
    $('.swiper-container').html(heardStr + divStr + endStr);
    var mySwiper = new Swiper ('.swiper-container', {
                           direction: 'horizontal',
                           pagination: '.pagination',
                           paginationClickable:true,
                           autoplay:4000,
                           observer:true,
                           observerParents:true,
                           autoplayDisableOnInteraction : false,
                           speed:200,
                           loop:true
                           });
}

</script>

【热门文章】