带子弹导航的理想图像滑块失败jquery

我得到f以下代码： VM6628：7带子弹导航的理想图像滑块失败jquery

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>

我目前也使用凉亭导入较早的jquery，angularjs和bootstrap，所以我不是完全确定，如果它是在库中的一个冲突，因为该错误信息的最可能的jQuery。另外VM6628：7是一个html文件，所以我不确定为什么它会试图解析使用jquery。请帮我弄清楚我需要添加什么来完成这项工作？

来源

2017-02-20 tcoulson

尝试包装你的脚本，你从一个jQuery的事件的document.ready实例滑块，因为你正在使用它，让你在加载DOM时呼吁滑块的构造。

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

来源

2017-02-20 18:30:30 nullbyte

我喜欢你的思路，但它没有解决错误。它一直说Uncaught TypeError：slider.addBulletNav不是一个函数，即使它清楚地加载了我的子弹插件。 – tcoulson

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

来源

2017-02-21 03:00:59 tcoulson

带子弹导航的理想图像滑块失败jquery

回答

相关问题