Div-Klasse funktioniert nicht innerhalb von jQuery aber funktioniert außerhalb

Ich habe ein Problem mit Div-Anhängen mit jQuery. Wenn ich es außerhalb eines Skripts teste, funktioniert es einwandfrei, aber nichts wird angezeigt, wenn div in jQuery ist.Div-Klasse funktioniert nicht innerhalb von jQuery aber funktioniert außerhalb

$('#id').append("<tr><td><div class='rate2' data-rate-value = '4'></div></td></tr>");

ich dieses Bewertungssystem verwenden - http://auxiliary.github.io/rater/

Zum Beispiel funktioniert das auch:

$('#id').append("<tr><td><div>Something</div></td></tr>");

Quelle

2016-07-11 harunB10

könnte es Timing sein? Vielleicht fügen Sie dieses div nach dem Bewertungssystem hinzu? – stackoverfloweth

Hmm nein. Ich habe versucht, es vor und nach dem Skript zu initiieren, aber das Problem bleibt gleich. Ich sollte auch beachten, dass dieses Skript eine Zeile an meine Tabelle anfügt, aber eine leere (es sollte Sterne :(). Und wie ich gesagt habe, wenn ich diese div irgendwo innerhalb des Dokuments, funktioniert es. – harunB10

Was macht "div is in jQuery" bedeutet? jQuery ist eine Bibliothek, wie kann ein DIV drin sein? – Barmar

Sie sollen zuerst Ihre div fügen Sie dann Rate Methode hinzufügen.

$('#id').append("<tr><td><div class='rate2' data-rate-value = '4'></div></td></tr>"); 

$(.rate2).rate();

Wenn Sie Rate-Methode vor der Initialisierung schreiben, wird das div nichts anzeigen.

Ich habe die Rater-Bibliothek heruntergeladen und dieser Code arbeitet an mir.

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Example</title> 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"> 

    <script src="http://code.jquery.com/jquery-1.11.3.min.js" charset="utf-8"></script> 
    <script src="rater.js" charset="utf-8"></script> 
    <script> 
     $(document).ready(function(){ 

      $('#id').append("<tr><td><div class='rate' data-rate-value = '4'></div></td></tr>"); 

      $(".rate").rate(); 

     }); 

    </script> 

</head> 
<body> 

    <div id="id"> 

    </div> 

</body> 
</html>

Quelle

2016-07-11 21:24:04 MSA

Das war's. Vielen Dank @Mehmet abi :) – harunB10

Div-Klasse funktioniert nicht innerhalb von jQuery aber funktioniert außerhalb

Antwort

Verwandte Themen