jQuery(“#mycarousel”).jcarousel est pas une fonction

Je dois être en train de faire quelque chose de vraiment stupide ici, mais j'ai été me frappant la tête contre elle pendant un certain temps et je n'ai pas été en mesure de trouver quel est le problème.

Sur cette page:
http://ww2.accudata.com/

Je suis en train de mettre en œuvre jCarousel, et je reçois cette erreur:

jQuery("#mycarousel").jcarousel est pas une fonction

Voici ce que j'ai dans ma tête:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js?ver=1.6.4"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.jcarousel.min.js"></script>
<link  type="text/css" href="<?php bloginfo('template_directory'); ?>/js/skins/carousel/skin.css" />

<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('#mycarousel').jcarousel({

});
});
</script>

Donc autant que je peux dire, je suis le chargement de tous les scripts dans l'ordre correct, et j'ai vérifié qu'ils sont tous là. Alors pourquoi faut-il dire que ce n'est pas une fonction?

OriginalL'auteur Morgan Kay | 2012-01-28

  1. 8

    Sur la ligne 39, vous rechargez jQuery, qui remplace l'objet jQuery, le retrait de la .jcarousel fonction. Assurez-vous que vous êtes le chargement de jQuery qu'une seule fois.

    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js?ver=1.6.4"></script>
<script type="text/javascript" src="http://ww2.accudata.com/wp-content/themes/accudata/js/jquery.jcarousel.min.js"></script>
<link rel="stylesheet" type="text/css" href="http://ww2.accudata.com/wp-content/themes/accudata/js/skins/carousel/skin.css" />

<script type="text/javascript">
jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({ //Would work if you called it here, but it gets deferred until the DOM is loaded

    });
});
</script>

...

<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js?ver=1.6.4'></script>
<!-- This gets loaded after you load the plugin, overwriting the jQuery object -->
    Ah, ça a du sens. Le problème est que le deuxième jQuery est chargé par un plugin WordPress, et je n'ai pas de contrôle sur où dans l'en-tête du jQuery est chargé. Je pense qu'il ya quelques solutions de contournement - je vais jouer avec ça et voir ce que je peux faire.
    Oui, oui, c'était le problème, j'ai déplacé mes fonctions de descendre plus bas dans l'en-tête, et maintenant tout est ok. Je savais que cela devait être quelque chose de simple. Si quelqu'un a un problème de ce genre dans WordPress, déplacez vos scripts sous le wp_head afin qu'ils obtiennent chargé dernier.

    OriginalL'auteur Dennis

  2. 2

    L'erreur que vous voyez signifie en gros:

    "we tried looking for the jcarousel function, and couldn't find it."

    Ouvrir le code source de la page et de voir ce que le HTML est en cours de rendu. Êtes-vous les chemins à l' .js fichiers corrects et ce que vous attendez? La plupart du temps ce est la cause de ces types de problèmes.

    Donc, une fois que vous êtes certain de votre références à l' .js fichiers sont corrects, essayez quelque chose comme ceci:

    <script type="text/javascript">
    $(document).ready(function() {
        $('#mycarousel').jcarousel({
            //Settings here.
        }); 
    });
</script>

    OriginalL'auteur Only Bolivian Here

  3. 2

    Vous obtenez une erreur que jcarousel la fonction est inconnue ce qui signifie que le js fichier avec l' jcarousel fonction n'a pas été chargé correctement. (La référence à JQuery lui-même fonctionne parce que les jQuery(document).ready... ne vous a pas une erreur)

    Regarder le rendu HTML et voir si le chemin d'accès au fichier de match à son emplacement réel. (Ils ne le sont pas...)

    Par ailleurs, pourquoi n'êtes-vous pas à l'aide de JQuery alias $?

    jQuery('#mycarousel') => $('#mycarousel')

    JQuery slogan est "d'Écrire moins de ne plus"

    OriginalL'auteur gdoron