Uncaught TypeError: Object # não possui método ‘movingBoxes’

Estou tentando usar o plugin movingBoxes com o meu site asp.net mvc e não está funcionando (obviamente). Eu tenho o movingboxes.js importado na minha tag head no site.master como assim

<script src="" type="text/javascript"> 

e o navegador obtém esse script com sucesso. Agora eu tenho uma visão regular que herda do site.master que tem esse pouco de jquery nele que chama o plugin movingBoxes

  $(document).ready(function () { $($('#slider-one')); $('#slider-one').movingBoxes({ startPanel: 1, panelWidth: .5, fixedHeight: false }); $('#slider-two').movingBoxes({ startPanel: 1, panelWidth: .5, fixedHeight: false }); });  

Quando vejo a página. Tudo funciona bem (incluindo outras coisas de jquery) exceto por este plugin e eu recebo este erro

insira a descrição da imagem aqui

E aqui está a descrição do erro insira a descrição da imagem aqui

Qualquer ajuda seria apreciada

EDITAR

Então aparentemente eu tive isso:

   <script src="" type="text/javascript"> 

E funciona agora mudando isso para isso:

   <script src="" type="text/javascript"> 

Existem algumas coisas que você pode tentar fazer com que isso funcione.

  1. Tenha absoluta certeza de que seu script está sendo colocado na página, uma forma de verificar é usando a guia “fonts” no Depurador do Chrome e pesquisando o arquivo.

  2. Certifique-se de que você incluiu o script depois de include o jQuery, pois é certamente dependente disso.

Fora isso, eu verifiquei a API e você está definitivamente fazendo tudo certo, tanto quanto eu posso ver. Melhor amigo da sorte!

EDIT: Certifique-se de fechar sua tag de script. Há uma resposta abaixo que aponta para que seja a solução.

Lembre-se de que apenas alguns elementos podem ser de fechamento automático , a maioria dos outros precisa ser fechada por meio da adição de uma tag de finalização explícita . No caso acima, a primeira tag de script não foi fechada corretamente, a tag de script final do segundo script encerrou a seção de script, fazendo com que apenas o primeiro script fosse carregado como fonte de script externa e ignorando o segundo script.

Mais informações sobre quais tags podem ser auto-fechadas, dê uma olhada nos rascunhos do W3C para HTML5 (embora a definição não tenha sido diferente nas versões HTML anteriores):

http://www.w3.org/TR/html5/syntax.html#end-tags (8.1.2.1, ponto 6)

Eu tive esse mesmo problema com o plugin jQuery Responsive Slides ( http://responsive-slides.viljamis.com/ ).

Eu $(".rslides").responsiveSlides(.. lo por não usar o jQuery versão curta $(".rslides").responsiveSlides(.. mas sim a versão longa: jQuery(".rslides").responsiveSlides(...

Então, comutando $ para jQuery para não causar conflito ou usando o modo de conflito não jQuery adequado ( http://api.jquery.com/jQuery.noConflict/ )

Eu tive o mesmo problema. Mudei a ordem dos scripts na parte da cabeça e funcionou para mim. Todo script do plug-in precisa – precisa ficar próximo.

Por exemplo:

    

Quando eu tive esse problema foi porque eu estava tentando usar uma function real no lugar de uma function anônima.

Incorreta:

 $(document).on('change', "#MyId", MyFunction()); 

Corrigir

 $(document).on('change', "#MyId", MyFunction); 

ou também correto e se você precisar passar o object de evento ou outros parâmetros.

 $(document).on('change', "#MyId", function(e) { MyFunction(e); }); 

Na verdade, acho que você baixou apenas uma parte do script. Tente marcar a checkbox ‘Core’ antes de baixar o script inteiro no site jquery.

Eu tive o mesmo problema que eu tinha ligado jquery duas vezes. A versão posterior estava sobrescrevendo meu plugin.

Acabei de remover a última jquery que começou a funcionar.

Eu tive um problema desse tipo também porque eu estava usando tag IMG e tag UL.

Tente aplicar o plugin ‘corners’ a elementos como $('#mydiv').corner() , $('#myspan').corner() , $('#myp').corner() mas NÃO para $('#img').corner() ! Essa regra está relacionada à adição de DIVs filhos no elemento especificado para efeito de arredondamento da emulação. Como sabemos, o elemento IMG não pode ter elementos filhos.

Eu resolvi isso envolvendo um elemento necessário dentro do div e alterando o IMG para DIV com a propriedade background: CSS.

Boa sorte!

Também é uma boa ideia ter certeza de que você está usando a versão correta do jQuery. Recentemente, adquiri um projeto usando o jQuery 1.6.2 que não estava funcionando com o plug-in hoverIntent. Atualizá-lo para a versão mais recente corrigida para mim.

Eu encontrei que eu estava usando um seletor para o meu rendorTo div que eu estava usando para renderizar meu gráfico de highcharts de coluna. Aparentemente, adiciona o seletor para você, então você só precisa passar o ID.

renderTo: $ (‘# myGraphDiv’) para uma string ‘myGraphDiv’ isso corrigiu o erro, e espero que isso ajude alguém a sair também.