curseur jQuery ne fonctionne pas (bxSlider)

Je n'arrive pas à faire la bxSlider fonctionne correctement et ne peut pas trouver la raison du pourquoi.

C'est mon code

<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Maxime G - Home</title>
<meta name="viewport" content="width=device-width">
<meta name="keywords" content="portfolio ,html, css, c#, wordpress, UK, developer, front-end, back-end, programming, freelancer, freelance, maxime, godrie, maxime godrie, website" />
<link rel="stylesheet" href="css/normalize.min.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/jquery.bxslider.css" />

<script src="/js/vendor/modernizr-2.6.1-respond-1.1.0.min.js"></script>

<script src="/js/slider/jquery.bxslider.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>    
    <script type="text/javascript">
    $(document).ready(function () {
        $('.bxslider').bxSlider();
    });
</script>
<section class="sectionCarouselIndex">
     <ul class="bxslider">                                
         <li><img src="img/c2c.jpg" /></li>
         <li><img src="img/dcs-full.jpg" /></li>
         <li><img src="img/eding.jpg" /></li>
         <li><img src="img/karim-full.jpg" /></li>        
         <li><img src="img/waterside-full.jpg" /></li>
         <li><img src="img/chesil-full.jpg" /></li>
         <li><img src="img/enw-full.jpg"/></li>
         <li><img src="img/drl-full.jpg" /></li>   
         <li><img src="img/portal-full.jpg" /></li>
         <li><img src="img/comixology-full.png" /></li>
         <li><img src="img/history-full.jpg" /></li>
         <li><img src="img/parkmap-full.png" /></li>
     </ul>
</section>

C'est l'erreur que j'obtiens dans le Firefox de la console:

ReferenceError: jQuery is not defined

[Break On This Error]   

$(document).ready(function () {

index.html (line 25)

ReferenceError: $ is not defined
[Break On This Error]   

$(document).ready(function () {

Si vous voulez avoir un coup d'oeil Il ressemble en fait c'est qui y travaillent, mais sur ma machine locale, il n'y a aucun moyen que je peux faire ce curseur fonctionner correctement.

Ce qui se passe quand vous prenez modernizr?
Quel est le navigateur le journal d'erreur dans la console web à dire ?
ça ne change rien.
J'ai eu le même problème. C'était juste sur les autorisations. Le CSS et bxslider script n'était pas chargé.

OriginalL'auteur Kiwimoisi | 2012-11-28

  1. 7

    Mettre le jquery min référence de script avant la bxslider.js

    Remplacer ce

    <script src="/js/slider/jquery.bxslider.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

    Avec 

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>    
<script src="/js/slider/jquery.bxslider.js"></script>
    Ne semble pas faire quelque chose de compagnon.. j'ai déjà essayé ce .
    mais jquery min fichier doit être au top. Aussi pourriez-vous fournir toute une démo de votre page?
    J'ai juste modifié ma question pour vous montrer quelle est l'erreur que j'obtiens
    Si vous utilisez prototype de charge jquery.bxslider.js avant de jQuery.noConflict();
    Vous êtes sauveur copain 🙂

    OriginalL'auteur Kundan Singh Chouhan

  2. 1
    <script type="text/javascript">
            $(document).ready(function(){
                $('.bxslider').bxSlider({
                        autoControls: true
                    });
            });
</script>

    Essayer ce que vous n'êtes pas fournir n'importe quelle méthode.

    OriginalL'auteur rakesh kumar

  3. 1

    J'ai juste eu bxslider arrêter de travailler dans un thème WordPress que j'utilise. WordPress 3.4.2 utilise jquery1.7.2, WordPress 3.5 utilise jquery1.8.3. Quand je baisse la jquery1.7.2 fichier de retour là-bas, bxslider fonctionne à nouveau. Ressemble à ce que changé entre 1.7.2 et 1.8.0 en jquery cassé bxslider.

    OriginalL'auteur drpull

  4. -1

    J'ai trouvé j'ai besoin d'être plus précis que le document à l'origine ne le laisse probablement en raison de changements dans les spécifications que j'ai trouvé ce code fonctionne mieux:

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="js/slider/jquery.bxslider.js"></script>

    OriginalL'auteur ben