帶子彈導航的理想圖像滑塊失敗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

回答

相關問題