Databases
StackOverflow2013
Postsdbo
POUsing multiple jquery versions as well as multiple versions for one jquery script
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POUsing multiple jquery versions as well as multiple versions for one jquery script
    text
    copied!<p>Iam working on codeigniter PHP and trying to make a nice view using jquery but I am using different versions of jquery and as you all know that creates a lot of problems. Especially first part is using multiple versions for one jquery functions. I have already tried this <a href="https://stackoverflow.com/questions/5049220/inclusion-of-more-than-two-jquery-libraries-creates-problems">Inclusion of more than two JQuery libraries creates problems</a> could any one guide</p> <p>first part is using</p> <pre><code> &lt;link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/themes/base/jquery-ui.css" /&gt; &lt;link type="text/css" rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /&gt; &lt;link rel="stylesheet" href="http://gregfranko.com/jquery.selectBoxIt.js/css/jquery.selectBoxIt.css" /&gt; &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"&gt;&lt;/script&gt; &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"&gt;&lt;/script&gt; &lt;script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js"&gt;&lt;/script&gt; &lt;script src="http://gregfranko.com/jquery.selectBoxIt.js/js/jquery.selectBoxIt.min.js"&gt;&lt;/script&gt; &lt;script&gt; $(function() { var selectBox = $("select").selectBoxIt(); }); &lt;/script&gt; </code></pre> <p>and other part </p> <pre><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" &gt;&lt;/script&gt; &lt;script src="http://liveurl.ainetworks.de/demo/jquery.liveurl.js"&gt; &lt;/script&gt; &lt;script&gt; var curImages = new Array(); $('textarea').liveUrl({ loadStart : function(){ $('.liveurl-loader').show(); }, loadEnd : function(){ $('.liveurl-loader').hide(); }, success : function(data) { var output = $('.liveurl'); output.find('.title').text(data.title); output.find('.description').text(data.description); output.find('.url').text(data.url); output.find('.image').empty(); output.find('.close').one('click', function() { var liveUrl = $(this).parent(); liveUrl.hide('fast'); liveUrl.find('.video').html('').hide(); liveUrl.find('.image').html(''); liveUrl.find('.controls .prev').addClass('inactive'); liveUrl.find('.controls .next').addClass('inactive'); liveUrl.find('.thumbnail').hide(); liveUrl.find('.image').hide(); $('textarea').trigger('clear'); curImages = new Array(); }); output.show('fast'); if (data.video != null) { var ratioW = data.video.width /350; data.video.width = 350; data.video.height = data.video.height / ratioW; var video = '&lt;object width="' + data.video.width + '" height="' + data.video.height + '"&gt;' + '&lt;param name="movie"' + 'value="' + data.video.file + '"&gt;&lt;/param&gt;' + '&lt;param name="allowScriptAccess" value="always"&gt;&lt;/param&gt;' + '&lt;embed src="' + data.video.file + '"' + 'type="application/x-shockwave-flash"' + 'allowscriptaccess="always"' + 'width="' + data.video.width + '" height="' + data.video.height + '"&gt;&lt;/embed&gt;' + '&lt;/object&gt;'; output.find('.video').html(video).show(); } }, addImage : function(image) { var output = $('.liveurl'); var jqImage = $(image); jqImage.attr('alt', 'Preview'); if ((image.width / image.height) &gt; 7 || (image.height / image.width) &gt; 4 ) { // we dont want extra large images... return false; } curImages.push(jqImage.attr('src')); output.find('.image').append(jqImage); if (curImages.length == 1) { // first image... output.find('.thumbnail .current').text('1'); output.find('.thumbnail').show(); output.find('.image').show(); jqImage.addClass('active'); } if (curImages.length == 2) { output.find('.controls .next').removeClass('inactive'); } output.find('.thumbnail .max').text(curImages.length); } }); $('.liveurl ').on('click', '.controls .button', function() { var self = $(this); var liveUrl = $(this).parents('.liveurl'); var content = liveUrl.find('.image'); var images = $('img', content); var activeImage = $('img.active', content); if (self.hasClass('next')) var elem = activeImage.next("img"); else var elem = activeImage.prev("img"); if (elem.length &gt; 0) { activeImage.removeClass('active'); elem.addClass('active'); liveUrl.find('.thumbnail .current').text(elem.index() +1); if (elem.index() +1 == images.length || elem.index()+1 == 1) { self.addClass('inactive'); } } if (self.hasClass('next')) var other = elem.prev("img"); else var other = elem.next("img"); if (other.length &gt; 0) { if (self.hasClass('next')) self.prev().removeClass('inactive'); else self.next().removeClass('inactive'); } else { if (self.hasClass('next')) self.prev().addClass('inactive'); else self.next().addClass('inactive'); } }); &lt;/script&gt; </code></pre>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload