spin.js jquery funktioniert nicht

Ich versuche zu verwenden: http://fgnass.github.io/spin.js/ und es funktioniert, wenn ich einfach nur über die js, die Sie angeben. Allerdings, wenn ich das jquery-plug-in, funktioniert es nicht. Nicht ich brauche nur das zu tun $('#elementID').spin() und es sollte beginnen, ein spinner auf, dass element?

EDIT:

In das jquery-plugin es sagt dies:

$('#el').spin(); //Creates a default Spinner using the text color of #el.

Dies ist, was ich verwenden möchten. Die regelmäßige js Weg, dass die Menschen beantwortet haben, unten funktioniert, aber ich weiß nicht, warum das jquery-Weg ist nicht arbeiten, wie Sie angeben.

Meinst du die Verlinkung nach außen hin (ein link zu einer website, wo Sie sind hosting der spin.js Datei), VS mit dem Skript verknüpften lokal?
Oh Nein. Ich habe die jquery.spin.js Datei und die spin.js Dateien lokal, und wenn ich auf meine Seite schaust Quelle kann ich sehen, dass er Sie findet. Nur, dass die jquery-Start ein spinner doens T Arbeit. Wenn ich es Tue, das Reine js Art und Weise, wie Sie angeben, es funktioniert
Ja, das funktioniert. Aber das ist nicht, was Sie angeben, in das jquery-plugin. Siehe mein edit
Für mich funktioniert: jsfiddle.net/eShsS/70 Sind Sie laden sowohl die spin.js und das plugin?
hmm das ist sehr komisch. Der gleiche code funktioniert in meiner app. Ich denke, ich werde die Spur des Problems

InformationsquelleAutor user1529956 | 2013-11-30

fiddle Demo

jQuery-Plugin

/*
You can now create a spinner using any of the variants below:

$("#el").spin(); //Produces default Spinner using the text color of #el.
$("#el").spin("small"); //Produces a 'small' Spinner using the text color of #el.
$("#el").spin("large", "white"); //Produces a 'large' Spinner in white (or any valid CSS color).
$("#el").spin({ ... }); //Produces a Spinner using your custom settings.

$("#el").spin(false); //Kills the spinner.

*/
(function ($) {
    $.fn.spin = function (opts, color) {
        var presets = {
            "tiny": {
                lines: 8,
                length: 2,
                width: 2,
                radius: 3
            },
                "small": {
                lines: 8,
                length: 4,
                width: 3,
                radius: 5
            },
                "large": {
                lines: 10,
                length: 8,
                width: 4,
                radius: 8
            }
        };
        if (Spinner) {
            return this.each(function () {
                var $this = $(this),
                    data = $this.data();

                if (data.spinner) {
                    data.spinner.stop();
                    delete data.spinner;
                }
                if (opts !== false) {
                    if (typeof opts === "string") {
                        if (opts in presets) {
                            opts = presets[opts];
                        } else {
                            opts = {};
                        }
                        if (color) {
                            opts.color = color;
                        }
                    }
                    data.spinner = new Spinner($.extend({
                        color: $this.css('color')
                    }, opts)).spin(this);
                }
            });
        } else {
            throw "Spinner class not available.";
        }
    };
})(jQuery);

Außerdem müssen Sie Spin.js

$('#foo').spin();

Danke! Es scheint, dass das jquery-plugin in Verbindung mit dem wedbsite ist falsch, was ist der Grund, warum es nicht funktioniert
Umfassen sowohl spin.js und das jQuery-Plugin auch.

InformationsquelleAutor Tushar Gupta - curioustushar

6

Wenn Sie nicht möchten, installieren Sie eine Funktion in JQuery, können Sie einfach das element aus der Abfrage.
```
new Spinner().spin($('#foo')[0]);
```
InformationsquelleAutor Turbo

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.