html5 - Having issue with JQuery Lightbox code -


The JQuery lightbox code is not working, have seen it many times and read docs, still can not find problems Any help appreciated, thanks. I'm a newbie. It's for a Bootstrap framework website.

  Enter code here & lt; Head & gt; & Lt; Meta charset = "UTF-8" & gt; & Lt; Meta http-equiv = "X-UA-Compatible" content = "IE = Edge" & gt; & Lt; Meta name = "viewport" content = "width = device-width, initial-scale = 1.0" & gt; & Lt; Meta name = "description" content = "" & gt; & Lt; Meta name = "author" content = "" & gt; & Lt; Link rel = "shortcut icon" href = "../../docs-assets / ico / favicon.png" & gt; & Lt; Title & gt; Blank template for bootstrap & lt; / Title & gt; & Lt ;! - Bootstrap core CSS - & gt; & Lt; Link href = "bootstrap / css / bootstrap.css" rel = "stylesheet" & gt; & Lt; Link href = "bootstrap / css / bootstrap-lightbox.min.css" rel = "stylesheet" & gt; & Lt ;! - Custom style for this template - & gt; & Lt; Link href = "new.css" rel = "stylesheet" & gt; & Lt ;! - HTML5 Symbian and Response.js HTML5 Elements and IE8 support for media queries - & gt; & Lt ;! - [If LT IE 9] & gt; & Lt; Script src = "https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js" & gt; & Lt; / Script & gt; & Lt; Script src = "https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js" & gt; & Lt; / Script & gt; & Lt; [Endif] - & gt;   

  & lt ;! - Start of lightbox code - & gt; & Lt; Div class = "container" & gt; & Lt; Div class = "row" & gt; & Lt; Div class = "span12" & gt; & Lt; Div id = "demoLightbox" class = "lightbox hide fade" tabindex = "- 1" role = "dialog" aria-hidden = "true" & gt; & Lt; Div class = "lightbox-content" & gt; & Lt; Img src = "img / 1.jpg" & gt; & Lt; Div class = "lightbox-caption" & gt; & Lt; P & gt; Image Caption & lt; / P & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Data-toggle = "lightbox" href = "# demo lightbox" category = "span2" & gt; & Lt; Img src = "img / 1.png" & gt; & Lt; / A & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt ;! - End of LIghtbox code - & gt; & Lt; / Div & gt; & Lt ;! - Bootstrap Core JavaScript ============================================== ==== - & gt; & Lt ;! - placed at the end of the document so that pages load faster - & gt; & Lt; Script src = "https://code.jquery.com/jquery-1.10.2.min.js" & gt; & Lt; / Script & gt; & Lt; Script src = "bootstrap / js / bootstrap-lightbox me .js" & gt; & Lt; / Script & gt; & Lt; Script src = "bootstrap / js / bootstrap.min.js" & gt; & Lt; / Script & gt;   

The code is going through its lines , This is right . But then I realized that & lt; Script & gt; The order is included in the Lightbox mainframe bootstrap library and that means there are several dependencies with bootstrap in it.

You need to change the order to do something like this,

  & lt; Script src = "https://code.jquery.com/jquery-1.10.2.min.js" & gt; & Lt; / Script & gt; & Lt; Script src = "bootstrap / js / bootstrap.min.js" & gt; & Lt; / Script & gt; & Lt; Script src = "bootstrap / js / bootstrap-lightbox me .js" & gt; & Lt; / Script & gt;   

And here and it is with the order you made.

Comments

Popular posts from this blog

ios - Adding an SKSpriteNode to SKScene from a child SKSpriteNode -

Matlab transpose a table vector -

c# - Textbox not clickable but editable -