Use A Cabeça jQuery

452 apêndice i

método noConflict

3. O namespace do jQuery: método noConflict

Muitas bibliotecas JavaScript usam o $ como o nome de uma função ou variável, assim

como o jQuery usa. No caso do jQuery, o $ é apenas um apelido para o jQuery; portanto,

toda a funcionalidade está disponível sem o uso do $. Se precisarmos usar outra biblioteca

JavaScript junto com o jQuery, podemos retornar o controle do $ para outra biblioteca com

uma chamada $.noConflict:

<script type="text/javascript" src="other_lib.js"></script>

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

<script type="text/javascript">

$.noConflict();

//Code that uses other libraries $ can follow here.

</script>

Essa técnica é especialmente eficaz junto com a capacidade do método .ready para

servir como apelido do objeto jQuery, como dentro de um callback passado para .ready

podemos usar $ se quisermos sem medo de ter conflitos posteriormente:

<script type="text/javascript" src="other_lib.js"></script>

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

<script type="text/javascript">

$.noConflict();

jQuery(document).ready(function($) {

// Code that uses jQuery's $ can follow here.

});

// Code that uses other libraries $ can follow here.

</script>

Você só precisará usar isso se planeja usar outras bibliotecas JavaScript que usam o $ como

referência. Você não precisará disso se estiver usando apenas o jQuery em sua página.

Mesmo que inclua vários plugins, não precisará disso.

BOOK - UCjQuery - PRODUTO FINAL.indb 452 16/05/2013 10:52:19

você está aqui  453

deixados de lado

4. Depurando erros em seu código jQuery

Sempre é útil depurar erros do seu código – especialmente se você estiver trabalhando em

um projeto de grande escala, com muitos tipos diferentes de objetos, inclusões ou APIs.

Geralmente, será preciso conhecer o conteúdo de um objeto ou variável enviada de volta

para você, mas não queira alertá-lo ou entender como obter as propriedades de um objeto

no final das contas.

Coloque alguns plugins de depuração. Eles podem ajudá-lo a olhar dentro dos seus

objetos, para que você possa ver quando suas propriedades mudam valores ou registram as

mudanças de uma variável com o tempo. Também é possível ver como ela se desenvolve ao

longo de toda a sua aplicação ou se chega a valores nulos não intencionalmente. Pode ser

muito útil quando estiver solucionando problemas de código em JavaScript ou jQuery.

Dois dos plugins para depuração que achamos úteis ao codificar em JavaScript e jQuery são

o Dump e o Variable Debugger.

http://plugins.jquery.com/project/Dump (Para ver o que seu objeto contém.)

http://plugins.jquery.com/project/VariableDebugger (Semelhante, mas exibe

informações em popup.)

Existem vários outros, e haverá muitos mais com o tempo, assim como suas melhorias.

Achamos que esses são úteis, mas, para procurar mais alguns que você possa gostar mais, vá

para o site de plugins do jQuery (http://plugins.jquery.com/) e faça uma busca com a palavra

“debug”.

É claro, para todas as outras coisas, sempre há as ferramentas do navegador que usamos ao

longo de todo o livro.

OBSERVAÇÃO: Os conteúdos dos sites citados estão em inglês.

BOOK - UCjQuery - PRODUTO FINAL.indb 453 16/05/2013 10:52:19