0
288
VistasTypeError no capturado: el objeto #<Object> no tiene ningún método 'movingBoxes'
Estoy tratando de usar el complemento de MovingBoxes con mi sitio asp.net mvc y no funciona (obviamente). Tengo el archivo movingboxes.js importado en mi etiqueta principal en el site.master así
<script src="<%: Url.Content("~/Scripts/jquery.movingboxes.js")%>" type="text/javascript"></script>y el navegador obtiene con éxito este script. Ahora tengo una vista regular que hereda del site.master que tiene un poco de jquery que llama al plugin de movingBoxes
<script type="text/javascript"> $(document).ready(function () { $($('#slider-one')); $('#slider-one').movingBoxes({ startPanel: 1, panelWidth: .5, fixedHeight: false }); $('#slider-two').movingBoxes({ startPanel: 1, panelWidth: .5, fixedHeight: false }); }); </script>Cuando veo la página. Todo funciona bien (incluidas otras cosas de jquery) excepto este complemento y aparece este error
Y aquí está la descripción del error.
Cualquier ayuda sería apreciada
EDITAR
Así que aparentemente tenía esto:
<script type="text/javascript" src="../../Scripts/jquery-1.4.1.js" /> <script src="<%: Url.Content("~/Scripts/jquery.movingboxes.js")%>" type="text/javascript"></script>Y funciona ahora cambiándolo a esto:
<script type="text/javascript" src="../../Scripts/jquery-1.4.1.js"></script> <script src="<%: Url.Content("~/Scripts/jquery.movingboxes.js")%>" type="text/javascript"></script>3 Respuestas
Responde la pregunta0
Hay algunas cosas que puede intentar para que esto funcione.
Esté ABSOLUTAMENTE seguro de que su secuencia de comandos se está insertando en la página, una forma de verificar es usar la pestaña 'fuentes' en el depurador de Chrome y buscar el archivo.
Asegúrese de haber incluido el script después de haber incluido jQuery, ya que ciertamente depende de eso.
Aparte de eso, revisé la API y definitivamente estás haciendo todo bien hasta donde puedo ver. ¡Mucha suerte amigo!
EDITAR: asegúrese de cerrar su etiqueta de secuencia de comandos. Hay una respuesta a continuación que apunta a que esa es la solución.
0
Tenga en cuenta que solo unos pocos elementos pueden cerrarse automáticamente , la mayoría de los demás deben cerrarse mediante la adición de una etiqueta final explícita . En el caso anterior, la primera etiqueta de secuencia de comandos no se cerró correctamente, la etiqueta de secuencia de comandos final de la segunda secuencia de comandos cerró la sección de secuencia de comandos, lo que provocó que solo la primera secuencia de comandos se cargara como fuente de secuencia de comandos externa e ignorara la segunda secuencia de comandos.
Para obtener más información sobre qué etiquetas se pueden cerrar automáticamente, eche un vistazo a los borradores del W3C para HTML5 (aunque la definición no era diferente en las versiones anteriores de HTML):
http://www.w3.org/TR/html5/syntax.html#end-tags (8.1.2.1, Punto 6)
0
Yo tuve el mismo problema. Cambié el orden de los guiones en la parte de la cabeza y me funcionó. Cada secuencia de comandos que necesita el complemento debe permanecer cerca.
Por ejemplo:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script> <script type="text/javascript" src="http://cloud.github.com/downloads/malsup/cycle/jquery.cycle.all.latest.js"></script> <script type="text/javascript"> $(document).ready(function() { $('#slider').cycle({ fx: 'fade' }); }); </script>