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)

我正在使用ideal image slider及其扩展名bullet-nav，我按照他们的说明操作，但我觉得它使用旧版本的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

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

带有子弹导航的理想图像滑块在jquery

2 个答案: