1. 程式人生 > >bootstrap 2版本輪播圖

bootstrap 2版本輪播圖

綁定 erro 記錄 總結 真的 bubuko 上一頁 use question

使用bootstrap 2的輪播圖遇到了一些小問題,在這裏記錄總結一下。

1.

問題:Uncaught TypeError: e is not a function。

技術分享圖片

原因:jquery.js沒有放在bootstrap.js之前,按照要求以及JS的加載順序來說,jq一定要放在bootstrap.js之前,查看代碼果然是這個原因

技術分享圖片

2.

問題:點擊圓點和左右切換按鈕,沒有效果,且不報錯,但是輪播可以自動播放

原因:對bootstrap輪播圖的不理解。

①控制圖片切換的圓點屬性“data-target”bootstrap已經綁定好事件了,而我這邊只需要輸入對應的容器ID給它響應事件就行了,我的data-target沒有寫對,所以無法跳轉,並且出現:pause is undefined 錯誤。

這裏有個原理解釋,為防止鏈接失效,截圖保存

技術分享圖片

②上一頁下一頁的href要綁定容器的ID,我這裏依然是沒有綁定對ID

下圖顏色標註為重點註意

技術分享圖片

今日碎碎念:作為一個新人菜鳥,遇到這種問題,找了各種方法,最後才發現這樣,過程中不知道該怎麽解決,該如何下手解決真的很奔潰。只能靠自己慢慢找,各種度。這麽點小問題都弄這麽久,有點懷疑自己是否合適前端。

一邊尋找解決辦法,一邊滿心表情包技術分享圖片。想過要放棄,但是還是得做下去,只要一天還在前端,心裏再怎麽奔潰還是得繼續敲下去,順便,瑪德法克瑪德法克瑪德法克瑪德法克瑪德法克瑪德法克瑪德法克瑪德法克瑪德法克瑪德法克瑪德法克瑪德法克瑪德法克瑪德法克瑪德法克瑪德法克瑪德法克瑪德法克瑪德法克。

bootstrap 2版本輪播圖