具有子弹导航的理想图像滑块在jQuery上失败

Question

我得到以下代码：VM6628：7

Uncaught SyntaxError: Unexpected token <
    at p (jquery.min.js:2)
    at Function.globalEval (jquery.min.js:2)
    at text script (jquery.min.js:4)
    at Nb (jquery.min.js:4)
    at A (jquery.min.js:4)
    at XMLHttpRequest.<anonymous> (jquery.min.js:4)
    at Object.send (jquery.min.js:4)
    at Function.ajax (jquery.min.js:4)
    at Function.r._evalUrl (jquery.min.js:4)
    at Ia (jquery.min.js:3)
    p @ jquery.min.js:2
    globalEval @ jquery.min.js:2
    text script @ jquery.min.js:4
    Nb @ jquery.min.js:4
    A @ jquery.min.js:4
    (anonymous) @ jquery.min.js:4
    send @ jquery.min.js:4
    ajax @ jquery.min.js:4
    r._evalUrl @ jquery.min.js:4
    Ia @ jquery.min.js:3
    append @ jquery.min.js:3
    (anonymous) @ jquery.min.js:3
    S @ jquery.min.js:3
    html @ jquery.min.js:3
    (anonymous) @ angular-ui-router.min.js:7
    (anonymous) @ angular.js:1291
    ta @ angular.js:10252
    n @ angular.js:9641
    g @ angular.js:8881
    (anonymous) @ angular.js:8746
    (anonymous) @ angular.js:9137
    l @ angular-ui-router.min.js:7
    (anonymous) @ angular-ui-router.min.js:7
    $broadcast @ angular.js:18298
    (anonymous) @ angular-ui-router.min.js:7
    (anonymous) @ angular.js:16648
    $eval @ angular.js:17972
    $digest @ angular.js:17786
    $apply @ angular.js:18080
    l @ angular.js:12210
    t.onload @ angular.js:12364
VM6630:3 Uncaught TypeError: slider.addBulletNav is not a function
    at <anonymous>:3:9
    at p (jquery.min.js:2)
    at Ia (jquery.min.js:3)
    at r.fn.init.append (jquery.min.js:3)
    at r.fn.init.<anonymous> (jquery.min.js:3)
    at S (jquery.min.js:3)
    at r.fn.init.html (jquery.min.js:3)
    at Object.<anonymous> (angular-ui-router.min.js:7)
    at angular.js:1291
    at ta (angular.js:10252)

我正在使用带有扩展项目符号导航的 理想图像滑块 ，并且按照他们的说明进行操作，但是我觉得它使用的是旧版本的jquery或其他东西，因为当我有以下代码时，它会给我错误：

<script src="./bower_components/ideal-image-slider/ideal-image-slider.min.js"></script>
<script src="./src/js/iis-bullet-nav.js"></script>
<script>
    var slider = new IdealImageSlider.Slider('#slider');
    slider.addBulletNav();
    slider.start();
</script>

目前，我还使用Bower导入了较早的jquery，angularjs和bootstrap，因此我不确定在其中一个库（最可能是jquery）中是否出现冲突，因为出现了错误消息。 而且VM6628：7是一个html文件，所以我不确定为什么它会尝试使用jquery解析它。 请帮我弄清楚我需要添加些什么才能使它工作？

Answer 1

尝试将脚本包装到在实例化jquery的document.ready事件中的滑块的位置，因为您正在使用它，以便在加载DOM时调用滑块的构造函数。

$( document ).ready(function() {
  var slider = new IdealImageSlider.Slider('#slider');
  slider.addBulletNav();
  slider.start();
});

Answer 2

没关系，这对我的bullet js文件来说似乎是错误的路径。 不知道为什么说它要200加载，但是当我用./bower_components调用它时，它正确加载了。