jquery funktioniert nicht in Dreamweaver

Ich habe dieses Schnipsel, das perfekt funktioniert, aber wenn ich es auf Dreamweaver es nicht tut. Was fehlt?jquery funktioniert nicht in Dreamweaver

$('div').each(function() { 
 
    orgText = $(this).html(); 
 
    newText = orgText.replace('(Código:',''); 
 
    $(this).html(newText); 
 
}); 
 

 

 
$('div').each(function() { 
 
    orgText = $(this).html(); 
 
    newText = orgText.replace(')',''); 
 
    $(this).html(newText); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div> 
 
(Código: 40398488494) 
 
</div>

Dreamweaver capture

Jede Hilfe Ich hätte gerne, dank

Quelle

2016-05-02 Danielillo

es irgendwelche Konsole Fehler – wahwahwah

Haben Sie versucht, in Ihrem Code Verpackung:.? ' $ (document) .ready (function() {}); '? –

Was ist ein Fehler? check Konsole –

Es ist besser, wenn Sie die jquery in dergleichen, dass die Header laden.

<head> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script> 
</head>

Quelle

2016-05-02 16:02:39

Zum Zeitpunkt der ursprünglichen Seite zu laden, ist die Suche nach einem (dann) unbekannten Elemente, da die JS Brennen wird, bevor die HTML vollständig gerendert wurde.

können Sie entweder platzieren Sie die JS am unteren Rand der Seite, kurz vor der Schließung </body> und legte die <div><small>(Código: 40398488494)</small></div>oben/vor der JS, oder Sie können (vorzugsweise) verwenden $(document).ready(). Jede der folgenden

funktioniert:

Mit $ (document) .ready()

<!doctype html> 
<html> 
    <head></head> 
    <body> 
     <script src='https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js'></script> 
     <script> 
     $(document).ready(function() { 
      $('div').each(function() { 
       orgText = $(this).html(); 
       newText = orgText.replace('(Código:',''); 
       $(this).html(newText); 
      }); 
      $('div').each(function() { 
       orgText = $(this).html(); 
       newText = orgText.replace(')',''); 
       $(this).html(newText); 
      }); 
     }); 
     </script> 
     <div><small>(Código: 40398488494)</small></div> 
    </body> 
</html>

Beachten Sie, wie es nicht egal wo<div><small>(Código: 40398488494)</small></div> ist, weil die JS wird nicht Feuer, bis die Seite ist bereit.

OHNE $ (document) .ready()

<!doctype html> 
<html> 
    <head></head> 
    <body> 
     <div><small>(Código: 40398488494)</small></div> 
     <script src='https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js'></script> 
     <script> 
     $('div').each(function() { 
      orgText = $(this).html(); 
      newText = orgText.replace('(Código:',''); 
      $(this).html(newText); 
     }); 
     $('div').each(function() { 
      orgText = $(this).html(); 
      newText = orgText.replace(')',''); 
      $(this).html(newText); 
     }); 
     </script> 
    </body> 
</html>

<div><small>(Código: 40398488494)</small></div> muss kommen vor Ihre JS, wenn Sie nicht $(document).ready() verwenden.

Das erste Beispiel (mit $(document).ready() ist vorzuziehen, da es Ihnen, was JS Feuer und wenn anpassen können

Mehr auf .ready()

Quelle

2016-05-02 16:14:33 Marcus

Gute Erklärung, ich wusste das nicht. Vielen Dank. – Danielillo

jquery funktioniert nicht in Dreamweaver

Antwort

Verwandte Themen