Tuesday 15 July 2014

javascript - Twitter Bootstrap - Carousel -


I did this before the tutorial and it works flawlessly without anytime, now when I go to make it again I refuse to do this work, I will provide code and error reports.

HTML:

  & lt; Div class = "carousel slide" id = "myCarousel" & gt; & Lt; Ol class = "carousel-indicator" & gt; & Lt; Li data-target = "# myCarousel" data-slide-to = "0" square = "active" & gt; & Lt; / Li & gt; & Lt; Li data-target = "# myCarousel" data-slide-to = "1" & gt; & Lt; / Li & gt; & Lt; Li data-target = "# myCarousel" data-slide-to = "2" & gt; & Lt; / Li & gt; & Lt; Li data-target = "# myCarousel" data-slide-to = "3" & gt; & Lt; / Li & gt; & Lt; / Ol & gt; & Lt; Div class = "carousel-interior" & gt; & Lt; Div class = "item active" & gt; & Lt; Img src = "http://placehold.it/1200x480" alt = "placeholder" & gt; & Lt; / Div & gt; & Lt; Div class = "item" & gt; & Lt; Img src = "http://placehold.it/1200x481" alt = "placeholder" & gt; & Lt; / Div & gt; & Lt; Div class = "item" & gt; & Lt; Img src = "http://placehold.it/1200x480" alt = "placeholder" & gt; & Lt; / Div & gt; & Lt; Div class = "item" & gt; & Lt; Img src = "http://placehold.it/1200x482" alt = "placeholder" & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt;   

JS: (file links are kept in the body and such a code is)

  & lt; Script src = "js / bootstrap.js" & gt; & Lt; / Script & gt; & Lt; Script src = "js / jquery.js" & gt; & Lt; / Script & gt; & Lt; Script & gt; $ (Document) .ready (function () {$ ('# myCarousel'). Carousel ({Interval: 2000});}); & Lt; / Script & gt; Type error: $ function file is not: /// c: / user / Christopher / e-mail:   

Error report: < Blockquote>

desktop / portfolio_final / js / bootstrap.js line 29

type error: $ (...). The carousel function file is not: /// c: / user / Christopher / Desktop / Portfolio / Fan / Index HTML # myCarousel Line 89

"post-text" itemprop = "text">

try it

  jQuery.noConflict (); JQuery (document) .ready (function () {jQuery ('# myCarousel'). Carousel ({Interval: 2000});});    

No comments:

Post a Comment