jquery, javascript funktioniert nicht in der bootstrap

Bin ich mit Hilfe von JQuery und bootstrap, und wenn ich versuche, klicken Sie auf die Schaltfläche, soll zum aufrufen der Funktion, es funktioniert nicht. Ich habe mir in der Entwickler-Konsole und es ist nichts da, wer weiß?

<html>
    <head>
        <title>Bill</title>

        <link rel="stylesheet" href="css/bootstrap.min.css"/>
        <link rel="stylesheet" href="css/jumbotron-narrow-me.css"/>
        <script src="js/jquery-2.1.3.min.js"/>
        <script src="js/bootstrap.min.js"/>

        <script type="text/javascript">
        var count=0;

        $('#ocs').click(function(){
            count++;
            $('#cookies').html('0Cs : ' + count);
        });
        </script>
    </head>

    <body>
        <div class="jumbotron">
            <p class="lead"> 
                welcome to opposition clicker, its amazing. it has one upgrade.
                "opposition" when you get this, you will get +100 0Cs' every second.
            </p>
            <br><br/>
        </div>
        <div class="container" id="cookies">aasasa</div> 
        <button id="ocs" type="button" class="btn btn-lg btn-success">0Cs'</button>
    </body>
</html>

Überprüfen Sie Ihre log. Fehler?
Ja, ich habe es.
Am besten schließen Sie Ihre <script> tags mit </script>..Sicher, dass jQuery geladen ist?
Sandeep, ich wusste nur, dass.. Und bekam eine Fehlermeldung : Uncaught SyntaxError: Unexpected token ;
Tun Sie dies...binden Sie Ihre click-Ereignis mithilfe von .on.. so $('#ocs').on('click', function(){...your code goes here...});
Gemacht, gleicher Fehler :/
Check meine Antwort arbeiten plunker 🙂

InformationsquelleAutor Noah | 2015-03-01

Müssen Sie nur schließen Sie einige Skript-tags richtig und platzieren Sie Ihre Skript
in der unteren:-)

<html>

  <head>
    <title>Bill</title>
    <script data-require="jquery@*" data-semver="2.1.3" src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
    <link data-require="bootstrap@*" data-semver="3.3.1" rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" />
    <script data-require="bootstrap@*" data-semver="3.3.1" src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
  </head>

  <body>
    <div class="jumbotron">
      <p class="lead"> 
                welcome to opposition clicker, its amazing. it has one upgrade.
                "opposition" when you get this, you will get +100 0Cs' every second.
            </p>
      <br />
      <br />
    </div>
    <div class="container" id="cookies">aasasa</div>
    <button id="ocs" type="button" class="btn btn-lg btn-success">0Cs'</button>
    <script type="text/javascript">
        var count=0;

        $('#ocs').click(function(){
            count++;
            $('#cookies').html('0Cs : ' + count);
        });
        </script>
  </body>

</html>

Plunker

PS:- ich habe nicht Hinzugefügt, die jumbotron-schmal-mich.css im Beispiel, weil es ist nicht verfügbar auf plunker aber hoffe es hilft 🙂

war es die script-tags, die Sie geändert?
yup gerade Hinzugefügt aktuelle Skripte der einzelnen Kategorien an und fügte Ihr Skript kurz vor dem Ende des Körpers 🙂
Happy coding lieber 🙂
warten Sie, ich sah nur an der Konsole, und ich habe diese ;( file://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js Failed to load resource: net::ERR_FILE_NOT_FOUND file://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css Failed to load resource: net::ERR_FILE_NOT_FOUND index.html:20 Uncaught SyntaxError: Unexpected token ;
in meiner Antwort habe ich gelöscht, die Datei bitte löschen Sie es aus plunker sowie Aktualisiert plunker plnkr.co/Bearbeiten/pKaMpLNkGSLtAtvcNvvx?p=Album Vorhören. Ich war mit cdn haben 🙂
gut, das ist, was ich bekam.. plnkr.co/Bearbeiten/s9afyjOSpbV9NFE8RtNT?p=Album Vorhören
wissen Sie, was zu tun ist?
Syntax-Fehler, den Sie nicht schließen ")" $(document).bereit(Funktion(){} Plunker:- plnkr.co/Bearbeiten/DCQAQ5IyaH1SyC1qd5yf?p=Album Vorhören

InformationsquelleAutor squiroid

1

Sicherzustellen, dass Ihre Klick-Prozedur deklariert ist nachdem der DOM fertig ist

So :
```
$(document).ready(function(){
    $('#ocs').click(function(){
        //something
    });
});
```
- Ich fügte hinzu, in $(document.bereit(Funktion(){ } ));
InformationsquelleAutor Michael P. Bazos
0

verwenden .text () - Funktion statt der .html()
- Ja, habe ich gemacht.. Keine Wirkung 🙁
- auch wenn es nicht das problem lösen, Ihre korrekte Funktion zu verwenden für die Umsetzung von text in einem element.
InformationsquelleAutor arisalexis

versuchen Sie dies:

$(function(){
 $(document).on('click','#ocs',function(e){ //do somethign here
 });
});

InformationsquelleAutor Janx from Venezuela

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.