jQuery-Plugin wird nicht geladen?

Ich versuche, die abgerundeten Ecken Demo für jQuery (http://plugins.jquery.com/project/corners) zu verwenden, aber ich bekomme einen Fehler in Firefox und IE, wenn es versucht zu laufen.jQuery-Plugin wird nicht geladen?

Der folgende Code zeigt, was ich versuche, der Fehler ist $ (". Section"). Ecken ist keine Funktion ". Die Seite lädt definitiv jquery, lädt aber nicht das Ecken-Plugin.

Wer weiß, warum dies einen Fehler verursacht?

Quelle

2010-12-21 DLeh

Welches Eckskript verwenden Sie? – Jordy

Können Sie in Ihrem Browser auf die Datei corners.js zugreifen? – PseudoNinja

habe ich eine Seite jQuery Corners zu laden, um zu sehen, ob ich es überhaupt bekommen konnte arbeiten:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <style type="text/css"> 
    .Section { 
     border-color: #000; 
     border-width: medium; 
     border-style: solid; 
    } 
    </style> 
    <script type="text/javascript" src="jquery-1.4.4.min.js"></script> 
    <script type="text/javascript" src="jquery.corners.min.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
      $('.Section').corners(); 
     }); 
    </script> 
    <title>Corners</title> 
    </head> 

    <body> 
    <p class="Section"> 
    Here is some text in my soon to be rounded corner paragraph. 
    </p> 
    </body> 
    </html>

Was ich in meinen Tests gefunden, dass die Ecken geladene Plugin, aber mit jQuery 1.4.4 und Testen mit Chrome 8.0.552.224, Safari 5.0.3, Firefox 3.6.13 und Internet Explorer 8, dass nur Safari und Fireefox die Ecken zeigten. Chrome hat CSS-Fehler in der Konsole erzeugt, IE hat das JavaScript ignoriert. Mit dem im Verstand, empfehle ich Ihnen CSS3 PIE a try for IE geben und ein bisschen Combo CSS für Ihre anderen Elemente verwenden:

<style type="text/css"> 
.Section { 
    -moz-border-radius: 20px; 
    -webkit-border-radius: 20px; 
    -khtml-border-radius: 20px; 
    border-radius: 20px; 
}  
</style>

Die CSS oben ist aus einem Beispiel in a blog post by Jon Raasch hergestellt.

Quelle

2010-12-21 16:16:11

Ich konnte nicht genau herausfinden, warum das Ecken-Skript nicht funktionierte, aber ich konnte das in FF und IE arbeiten lassen. Danke vielmals! – DLeh

@DLeh Sie konnten was arbeiten? Das Jquery Plugin oder die Ecken, die in dieser Antwort erwähnt werden? – Pierre

Verwenden Sie in Firebug (oder ähnlichen Entwicklertools) das Netzbedienfeld und stellen Sie sicher, dass das Skript zuerst geladen wird. Ist dies nicht der Fall, sollten Sie einen 404-Status für seine Werbebuchung im Netzbereich sehen.

Quelle

2010-12-21 15:52:59 simshaun

Ich bekomme ein 200 OK für das Ecken-Skript und das Jquery-Skript – DLeh

-3

$('.Section').corner(); nicht $('.Section').corners()

gilt dies nur, wenn Sie sich die „jQuery Plugin Ecke“ mit

Quelle

2010-12-21 15:55:44 Andrew

ich durch den Code ausgeführt habe, und ich sehe nicht, was das Problem ist. Man könnte diesen Code versuchen in Ihrem $ (document) .ready und sehen, was es gibt:

alert(typeof jQuery().corners)

Wenn es Warnungen „Funktion“, dann wissen Sie, Ecken geladen ist. Wenn es "undefiniert" warnt, wird es nicht geladen und Sie können das Problem aufspüren.

Quelle

2010-12-21 15:58:41

Ich benutzte die gleiche Bibliothek und hatte das gleiche Problem, was ich tat.

Kopieren Sie den gesamten Code von corner.js Bibliothek vor Ihrem document.ready Code und überprüfen, ob es funktioniert oder nicht funktioniert?

wenn nicht bedeuten corner.js sollte erneut heruntergeladen werden.

Quelle

2016-02-11 12:12:46

jQuery-Plugin wird nicht geladen?

Antwort

Verwandte Themen