conflit entre deux scripts JQuery
Bonjour,
débutant en jQuery je suis face à un problème qui me confronte à un dilemme.
J'utilise deux scripts js.
1. Librairie jquery (jquery-1.7.1.min.js)
2. Script de votes (noter une photo, un texte, dynamiquement).
Situation 1 ; Si je charge le script jquery avant le script de votes, le script de vote ne fonctionne plus et quand je veux voter, j'obtiens un sublime error. Est ce un conflit entre jquery et ce script de votes ?
Situation 2 ; Si je charge le script de votes avant la librairie jquery, j'obtiens une erreur jQuery (visible sous ie, et dans la console sous google chrome), "jQuery is not defined". Normal vous me direz, jQuery n'est pas encore ouvert.
J'aimerai bien entendu réaliser la situation 1, et faire marcher le script de votes. Voici les 2 scripts :
Citation:
(function($){$(function(){var g='<?php echo $config['url'] ?>';var h=$('form.thumbsup');h.submit(function(){return false});h.find(':input').click(function(){var a=$(this);a.closest('form').trigger('thumsup_vote',[a.val()])});h.bind('thumsup_vote',function(c,d){var e=$(this),template=e.attr('name');if(e.hasClass('busy')||e.hasClass('disabled'))return;e.addClass('busy');var f={small:'<img class="spinner" alt="···" src="'+g+'images/spinner_small.gif" />',large:'<img class="spinner" alt="···" src="'+g+'images/spinner_large.gif" />',large_green:'<img class="spinner" alt="···" src="'+g+'images/spinner_large_green.gif" />',large_red:'<img class="spinner" alt="···" src="'+g+'images/spinner_large_red.gif" />'};switch(template){case'buttons':e.find('.question, :button').remove();e.find('.result1').after(' '+f.small);break;case'mini_poll':e.find('.result1, .result2').html(f.small);break;case'mini_thumbs':e.find('.result1').html(f.small);break;case'thumbs_up_down':e.find('.result2').html(f.large_red);case'thumbs_up':e.find('.result1').html(f.large_green);break;case'up_down':e.find('.result1').html(f.large);break}$.ajax({type:'POST',url:g+'init.php',cache:false,dataType:'json',timeout:15000,data:{thumbsup_id:e.find('input[name=thumbsup_id]').val(),thumbsup_format:e.find('input[name=thumbsup_format]').val(),thumbsup_vote:d},error:function(a,b){e.find('.error').text(b)},success:function(a){if('error'in a){switch(a.error){case'invalid_id':e.css('visibility','hidden');alert('The item you voted on no longer exists.');break;case'closed':e.addClass('closed disabled');alert('Voting has been closed for this item.');break;case'already_voted':e.addClass('user_voted disabled');alert('You have already voted on this item.');break;case'login_required':alert('You need to login in order to vote.');break;default:alert(a.error)}return}e.addClass('user_voted disabled');for(var i=0;i<a.item.result.length;i++){e.find('.result'+(i+1)).text(a.item.result[i]).fadeTo(0,0.01).fadeTo('slow',1)}if(template==='mini_poll'){e.find('.graph').css({opacity:0,width:0}).show().filter('.up').animate({opacity:1,width:a.item.votes_pct_up+'%'}).end().filter('.down').animate({opacity:1,width:a.item.votes_pct_down+'%'})}},complete:function(){e.find('.spinner').remove();e.removeClass('busy')}})});$(window).load(function(){if(h.filter('.thumbs_up').length){var a=new Image;a.src=g+'images/spinner_small.gif';var a=new Image;a.src=g+'images/spinner_large.gif';var a=new Image;a.src=g+'images/spinner_large_green.gif';var a=new Image;a.src=g+'images/spinner_large_red.gif'}})})})(jQuery);
Notez la présence du mot jQuery à la fin du script.
Pour la librairie jQuery, je vous laisse le soin d'aller la consulter si besoin :p
en espérant que vous pourrez m'aider, je vous remercie :)
