noConflict

[Peterh 1]

Caros, bom dia.

Estou com um problema em noConflict().

Utilizo um script em jquery para validação de e-mail, nome e senha que funciona

perfeitamente. Mas quando utilizo um script BBQ Jquery, o script de validação não funciona.

O script BBQ Jquery carrega as páginas quando clico no link e sem refresh.

Não consegui usar noConflict, alguém, poderia me ajudar, por favor?

Script BBQ

$(function(){
  
  // Keep a mapping of url-to-container for caching purposes.
  var cache = {
    // If url is '' (no fragment), display this div's content.
    '': $('.bbq-default')
  };
  
  // Bind an event to window.onhashchange that, when the history state changes,
  // gets the url from the hash and displays either our cached content or fetches
  // new content to be displayed.
  $(window).bind( 'hashchange', function(e) {
    
    // Get the hash (fragment) as a string, with any leading # removed. Note that
    // in jQuery 1.4, you should use e.fragment instead of $.param.fragment().
    var url = $.param.fragment();
    
    // Remove .bbq-current class from any previously "current" link(s).
    $( 'a.bbq-current' ).removeClass( 'bbq-current' );
    
    // Hide any visible ajax content.
    $( '.bbq-content' ).children( ':visible' ).hide();
    $('.bbq-nav > li > a').removeClass( 'selected' );
    // Add .bbq-current class to "current" nav link(s), only if url isn't empty.
    url && $( 'a[href="#' + url + '"]' ).addClass( 'selected' );
    
    if ( cache[ url ] ) {
      // Since the element is already in the cache, it doesn't need to be
      // created, so instead of creating it again, let's just show it!
      cache[ url ].show();
      
    } else {
      // Show "loading" content while AJAX content loads.
    


url && $( 'a[href="#' + url + '"]' ).append("<span class='loading' style='float:right'><img src='images/Loading.gif'/></span>");

      
      // Create container for this url's content and store a reference to it in
      // the cache.
      cache[ url ] = $( '<div class="bbq-item"/>' )
        
        // Append the content container to the parent container.
        .appendTo( '.bbq-content' )
        
        // Load external content via AJAX. Note that in order to keep this
        // example streamlined, only the content in .infobox is shown. You'll
        // want to change this based on your needs.
        .load( url, function(){
          // Content loaded, hide "loading" content.
          $( '.bbq-loading' ).hide();
 $('.leftsiteappslist > li > a > .loading').remove();
        });
    }
  })
  
  // Since the event is only triggered when the hash changes, we need to trigger
  // the event now, to handle the hash the page may have loaded with.
  $(window).trigger( 'hashchange' );
  
});

$(function(){
  
  // Syntax highlighter.
  SyntaxHighlighter.highlight();
  
});

Script de validação:

$(function()
{
// Validation 
$("#validacao").validate(
{ 
// Rules for form validation
rules:
{
username:
{
required: true
},
email:
{
required: true,
email: true
},
senha:
{
required: true,
minlength: 8,
maxlength: 20
},
passwordConfirm:
{
required: true,
minlength: 8,
maxlength: 20,
equalTo: '#password'
},
firstname:
{
required: true
},
lastname:
{
required: true
},
gender:
{
required: true
},
terms:
{
required: true
}
},

// Messages for form validation
messages:
{
login:
{
required: 'Informe seu e-mail'
},
email:
{
required: 'Informe o e-mail',
email: 'Seu e-mail e valido'
},
senha:
{
required: 'Seu e-mail e valido'
}
}, 

// Do not change code below
errorPlacement: function(error, element)
{
error.insertAfter(element.parent());
}
});
}); 
</script>

Onde utilizo o noConflict no script de BBQ ou no script de validação ?

Se não for pedir muito, por favor, alguém poderia me ajudar na edição de noConflict no script.

 

Muito obrigado.

 

[William Bruno 1501]

Como estão as tuas tags <script> no html ?

[Peterh 1]

O plugin BBQ: <script type="text/javascript" src="js/vertical_menu.js"></script>

 

validate:

		<script type="text/javascript">
			$(function()
			{
				// Validation		
				$("#sky-formconta").validate(
				{					
					// Rules for form validation
					rules:
					{
						nome_conta:
						{
							required: true
						},
						email:
						{
							required: true,
							email: true
						},
						senha:
						{
							required: true,
							minlength: 8,
							maxlength: 20
						},
						passwordConfirm:
						{
							required: true,
							minlength: 3,
							maxlength: 20,
							equalTo: '#password'
						}
											},
					
					// Messages for form validation
					messages:
					{
						nome_conta:
						{
							required: 'Por favor, informe seu nome'
						},
						email:
						{
							required: 'Por favor, informe um endereco de e-mail',
							email: 'Por favor, informe um endereco de e-mail valido'
						},
						senha:
						{
							required: 'Por favor, informe uma senha'
						},
						passwordConfirm:
						{
							required: 'Please enter your password one more time',
							equalTo: 'Please enter the same password as above'
						},
						firstname:
						{
							required: 'Please select your first name'
						},
						lastname:
						{
							required: 'Please select your last name'
						},
						gender:
						{
							required: 'Please select your gender'
						},
						terms:
						{
							required: 'You must agree with Terms and Conditions'
						}
					},					
					
					// Do not change code below
					errorPlacement: function(error, element)
					{
						error.insertAfter(element.parent());
					}
				});
			});			
		</script>

[William Bruno 1501]

Okay.. mas e a tag <script> do jQuery?

Por um acaso, vc não está chamando a lib 2 vezes ?

[Peterh 1]

Você se refere a jquery.min.js né?

Apenas um vez.

Inserir o script BBQ <script type="text/javascript" src="js/vertical_menu.js"></script> a validação não funciona.

Se tiver que inserir noConflict, qual script devo inserir, no BBQ ou validação?

[William Bruno 1501]

Não tem que inserir noConflict(). Em nenhum dos dois.

 

Aperte Ctrl + Shift + J no Firefox ou Chrome e veja o que aparece no console de erros.

Caso ainda tenha dúvidas, poste aqui um link para vermos a app online, assim fica mais fácil de ajudarmos.

[Peterh 1]

Failed to load resource: the server responded with a status of 404 (Not Found)

http://localhost/script/js/sky-ie8.js

Uncaught SyntaxError: Unexpected identifier wonderplugingridlightbox.js:31

Uncaught ReferenceError: SyntaxHighlighter is not defined facebook_vertical_menu.js:68
p.Callbacks.k @ jquery.min.js:2

p.Callbacks.l.fireWith @ jquery.min.js:2p.

extend.ready @ jquery.min.js:2

D @ jquery.min.js:2

[William Bruno 1501]

Corrija esses erros. Depois disso, poste o link para darmos uma olhada.