Question

我有一个bootstrap输入范围滑块，它工作正常，但当我添加另一个jQuery库时，它停止了我的jQuery幻灯片，任何人都可以帮我解决这个问题吗？

<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.12.4.min.js"><\/script>')</script>
<script src="//code.jquery.com/ui/1.12.0/jquery-ui.js"></script>//When I remove this library it is then working fine 
<script src="js/vendor/bootstrap.min.js"></script>

<script src="js/main.js"></script> 
<script type="text/javascript" src="js/slick.js"></script>
<script type='text/javascript' src="js/bootstrap-slider.js"></script>

<script type='text/javascript'>
    $(document).ready(function() {
        $("#ex2").slider({});

        $('#ex20a').on('click', function(e) {
            $('#ex20a')
                .parent()
                .find(' >.well')
                .toggle()
                .find('input')
                .slider('relayout');
            e.preventDefault();
        });
    });
</script>

Answer 1

我猜这个方法名称冲突的问题。访问https://github.com/seiyria/bootstrap-slider#what-if-there-is-already-a-slider-plugin-bound-to-the-jquery-namespace

jQuery库是冲突的

1 个答案: