Jquery version conflict

[fredericofrg]

Hello so on my website , i have 2 different versions of jquery.

one is :
jquery-1.7.1.min.js < my website .js version
jquery-1.8.3.min.js < the form version.

I’m trying to fix it but I’m not sure how.

here is my code that I’m trying to fix right now:


<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>

<script type="text/javascript">

var $jq171 = $.noConflict();

</script>

<!--[if !IE]><!-->
<script src="js/ios6-timers.js"></script>
<!--<![endif]-->
<script type="text/javascript" src="js/custom.min.js"></script>
<script type="text/javascript" src="js/jquery.vegas.min.js" ></script>
<script type="text/javascript" src="js/jquery.fancybox-1.3.4.min.js"></script>
<script type="text/javascript" src="js/jquery.isotope.min.js" ></script>
<script type="text/javascript" src="js/jquery.flexslider.min.js"></script>
<script type="text/javascript" src="js/jquery.jscrollpane.min.js"></script>
<script type="text/javascript" src="js/jquery.slider.min.js"></script>
<script type="text/javascript" src="js/main-fm.min.js"></script>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<script>

<script type="text/javascript">

</script>

<script>

</script>
<script type="text/javascript" src="quform/js/jquery-1.8.3.min.js"> </script>
<script type="text/javascript" src="quform/js/plugins.js"></script>
<script type="text/javascript" src="quform/js/scripts.js"></script>

var $jq183 = jQuery.noConflict();
var jq171 = jQuery.noConflict();

/* Site Main plug-in initilize */

$(document).ready(function(){

jQuery(function($){
$("body").mainFm({
/*
Set page background for each page. Just add the image path on variables src(Desktop size image) and src_small(Mobile size image).
Add those variables as per number of pages, If you need to remove the page background, just remove the src value and leave it blank.
Ex: {src : '', src_small : ''}
Each page background can be add one by one as per page level.
First you need to add all main pages than after subpage background will be added in sequence
Don't leave any page, it will affect the page order

*/
pageBackground : [

{ src : 'images/background//background1.jpg', src_small : 'images/background//background1_s.jpg'}, // Main Page - Home
{ src : 'images/background//background2.jpg', src_small : 'images/background//background2_s.jpg'}, // - About Me
{ src : '', src_small : ''}, // - Portfolio
{ src : '', src_small : ''}, // - Gallery
{ src : 'images/background//background4.jpg', src_small : 'images/background//background4_s.jpg'}, // - News
{ src : '', src_small : ''}, // - Blog
{ src : 'images/background//background5.jpg', src_small : 'images/background//background5_s.jpg'}, // - Feature
{ src : 'images/background//background6.jpg', src_small : 'images/background//background6_s.jpg'}, // - Contact us

{ src : 'images/background/background3.jpg', src_small : 'images/background/background3_s.jpg'}, // Subpage(Portfolio) - Portfolio column 5
{ src : 'images/background//background11.jpg', src_small : 'images/background//background11_s.jpg'}, // - Portfolio column 1
{ src : 'images/background//background12.jpg', src_small : 'images/background//background12_s.jpg'}, // - Portfolio single project
{ src : 'images/background//background13.jpg', src_small : 'images/background//background13_s.jpg'}, // - Portfolio column 4
{ src : 'images/background//background14.jpg', src_small : 'images/background//background14_s.jpg'}, // - Portfolio column 3
{ src : 'images/background//background15.jpg', src_small : 'images/background//background15_s.jpg'}, // - Portfolio column 2

{ src : 'images/background//background7.jpg', src_small : 'images/background//background7_s.jpg'}, // Subpage(Gallery) - Full screen
{ src : 'images/background//background8.jpg', src_small : 'images/background//background8_s.jpg'}, // - Isotope
{ src : 'images/background//background9.jpg', src_small : 'images/background//background9_s.jpg'}, // - Slideshow

{ src : 'images/background//background10.jpg', src_small : 'images/background//background10_s.jpg'}, // Subpage(Blog) - All post
{ src : 'images/background//background10.jpg', src_small : 'images/background//background10_s.jpg'}, // - Single page
{ src : '', src_small : ''} // - White Theme
],

/* set whether it's an one page or separate page file, if it's set false, the template works like a separate page version*/
onePage : true,

/* Set the opening page.
leave it blank value if you need to show the home page as a opening page*/
homePage : "",

/* Set background overlay patter */
backgroundOverlay : 'images/background_overlay.png',

/* set pageHolder height, if you need to set all the page height in liquid and not align to center,
just set value "100%" to the below 2 varaibles */
pageHolderHeight_desktop : 420,
pageHolderHeight_ipad : 380,

/* Full screen gallery options for autoplay and slideshow delay time*/
galleryAutoplay : "true",
gallerySlideshowDelay : 1.5,
/* Full screen gallery default image resize types. Options are fill/fit/none */
galleryImageResize : "fill",

/* FlexSlider slideshow speed */
slideshowSpeed : 5000

});
});

/* Home page Slider */
$(function(){
$(".slider1").fmMainSlider({
pageBgResize:false, // Boolean: It used to resize the height of the background as per the slider height
slideNumber : false, // Boolean: Create slide number
playPause : false, // Boolean: Create play pause button
nextPreviousButton : false, // Boolean: Create next button
autoplay : false, // Boolean: Enable auto play
slideshowDelayTime : 7.5, // Integer: slideshow delay time
mouse_drag : false // Boolean: Enable mouse drag action
});
});

/* portfolio Slider */

// portfolio column 5
$(function(){
$(".slider2").fmMainSlider({
pageBgResize:false, // Boolean: It used to resize the height of the background as per the slider height
slideNumber : true, // Boolean: Create slide number
playPause : false, // Boolean: Create play pause button
nextPreviousButton : true, // Boolean: Create next button
autoplay : false, // Boolean: Enable auto play
mouse_drag : true, // Boolean: Enable mouse drag action
numberOfthumbnails : 10 // Integer: set number of thumbnail show on each slide
});
});

// portfolio column 4
$(function(){
$(".slider4").fmMainSlider({
pageBgResize:false, // Boolean: It used to resize the height of the background as per the slider height
slideNumber : true, // Boolean: Create slide number
playPause : false, // Boolean: Create play pause button
nextPreviousButton : true, // Boolean: Create next button
autoplay : false, // Boolean: Enable auto play
mouse_drag : true, // Boolean: Enable mouse drag action
numberOfthumbnails : 8 // Integer: set number of thumbnail show on each slide
});
});

// portfolio column 3
$(function(){
$(".slider5").fmMainSlider({
pageBgResize:false, // Boolean: It used to resize the height of the background as per the slider height
slideNumber : true, // Boolean: Create slide number
playPause : false, // Boolean: Create play pause button
nextPreviousButton : true, // Boolean: Create next button
autoplay : false, // Boolean: Enable auto play
mouse_drag : true, // Boolean: Enable mouse drag action
numberOfthumbnails : 6 // Integer: set number of thumbnail show on each slide
});
});

// portfolio column 2
$(function(){
$(".slider6").fmMainSlider({
pageBgResize:false, // Boolean: It used to resize the height of the background as per the slider height
slideNumber : true, // Boolean: Create slide number
playPause : false, // Boolean: Create play pause button
nextPreviousButton : true, // Boolean: Create next button
autoplay : false, // Boolean: Enable auto play
mouse_drag : true, // Boolean: Enable mouse drag action
numberOfthumbnails : 4 // Integer: set number of thumbnail show on each slide
});
});

// portfolio column 1
$(function(){
$(".slider7").fmMainSlider({
pageBgResize:false, // Boolean: It used to resize the height of the background as per the slider height
slideNumber : true, // Boolean: Create slide number
playPause : false, // Boolean: Create play pause button
nextPreviousButton : true, // Boolean: Create next button
autoplay : false, // Boolean: Enable auto play
mouse_drag : true, // Boolean: Enable mouse drag action
numberOfthumbnails : 2 // Integer: set number of thumbnail show on each slide
});
});

// portfolio single project
$(function(){
$(".slider8").fmMainSlider({
pageBgResize:false, // Boolean: It used to resize the height of the background as per the slider height
slideNumber : true, // Boolean: Create slide number
playPause : false, // Boolean: Create play pause button
nextPreviousButton : true, // Boolean: Create next button
autoplay : false, // Boolean: Enable auto play
mouse_drag : true, // Boolean: Enable mouse drag action
numberOfthumbnails : 1 // Integer: set number of thumbnail show on each slide
});
});

/* News Slider */
$(function(){
$(".slider3").fmMainSlider({
pageBgResize:true, // Boolean: It used to resize the height of the background as per the slider height
slideNumber : true, // Boolean: Create slide number
playPause : false, // Boolean: Create play pause button
nextPreviousButton : true, // Boolean: Create next button
autoplay : false, // Boolean: Enable auto play
mouse_drag : true, // Boolean: Enable mouse drag action
numberOfthumbnails : 5 // Integer: set number of thumbnail show on each slide
});
});

/* Remove google map. This map will add when page display */
$(".page").find('#mapWrapper').each(function(){
$(this).data('map', $(this).children(':first-child'));
if(!$.browser.msie){
$(this).children(':first-child').remove();
}
});

/* Initialize Gallery - isotope */
$(function(){

var $container = $('#gallery_isotope_1');
var $optionSets = $('#options .option-set'),
$optionLinks = $optionSets.find('a');

$optionLinks.click(function(){
var $this = $(this);

// don't proceed if already selected
if ( $this.hasClass('selected') ) {
return false;
}
var $optionSet = $this.parents('.option-set');
$optionSet.find('.selected').removeClass('selected');
$this.addClass('selected');

// make option object dynamically, i.e. { filter: '.my-filter-class' }
var options = {},
key = $optionSet.attr('data-option-key'),
value = $this.attr('data-option-value');
// parse 'false' as false boolean
value = value === 'false' ? false : value;
options[ key ] = value;
if ( key === 'layoutMode' && typeof changeLayoutMode === 'function' ) {
// changes in layout modes need extra logic
changeLayoutMode( $this, options )
} else {
// otherwise, apply new options
$container.isotope( options );
}

return false;
});

});

// Email submit action
$("#email_submit").click(function() {

$('#reply_message').removeClass();
$('#reply_message').html('')
var regEx = "";

// validate Name
var name = $("input#name").val();
regEx=/^[A-Za-z .'-]+$/;
if (name == "" || name == "Name" || !regEx.test(name)) {
$("input#name").val('');
$("input#name").focus();
return false;
}

// validate Email
var email = $("input#email").val();
regEx=/^[A-Za-z0-9._%-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,4}$/;
if (email == "" || email == "Email" || !regEx.test(email)) {
$("input#email").val('');
$("input#email").focus();
return false;
}

// validate comment
var comments = $("textarea#comments").val();
if (comments == "" || comments == "Comments..." || comments.length < 2) {
$("textarea#comments").val('');
$("textarea#comments").focus();
return false;
}

var dataString = 'name='+ $("input#name").val() + '&email=' + $("input#email").val() + '&comments=' + $("textarea#comments").val();
$('#reply_message').addClass('email_loading');

// Send form data to mailer.php
$.ajax({
type: "POST",
url: "mailer.php",
data: dataString,
success: function() {
$('#reply_message').removeClass('email_loading');
$('#reply_message').addClass('list3');
$('#reply_message').html("Mail sent sucessfully")
.hide()
.fadeIn(1500);
}
});
return false;

});
});

</script>

As you can see I did a little search and I’m trying to use the no.conflict command. but I’m not sure i’m using it the right way.

To read all my website code just access: http://www.johnmarksdreaming.com

Can you guys please help me, by the way awesome form.
Thank you.

[fredericofrg]

I tried again, starting with organazing my scripts seems is working now(Fail the conflict still there, I can tell because it doesn’t load my index page when i have both jquery versions.), but the text field for the captcha is really big. how can i make it smaller?

and how can I make a text field optional like the Last name ?

Thank you.

• This reply was modified 9 years, 7 months ago by fredericofrg.
• This reply was modified 9 years, 7 months ago by fredericofrg.
• This reply was modified 9 years, 7 months ago by fredericofrg.

[Ally]

You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

[Author]

Posts