-4

リンク付きのフッターを作成するために、JQueryに次のコードがあります。

;(function($) { $.fn.piepagina = function(options) {
    return this.each(function() {
        var defaults = {images: [
            '<a href="http://unlimitedwonders.blogspot.com/2012/12/about.html">About</a> -',
            '<a href="http://unlimitedwonders.blogspot.com/2012/12/reportanissue.html">Report an issue</a> -',
        '<a href="http://unlimitedwonders.blogspot.com/2012/12/contribute.html">Contribute</a> -',
        '<a href="http://unlimitedwonders.blogspot.com/2012/12/contactus.html">Contact Us</a> -',
        '<a href="http://unlimitedwonders.blogspot.com/2012/12/termsofuse.html">Terms of Trade</a> - ',
        '<a href="http://unlimitedwonders.blogspot.com/2012/12/emailupdates.html">Email updates</a> ']};
        var settings = $.extend(defaults, options || {});           
    });
};})(jQuery);

HTML から次のように関数を呼び出しています。

 <script>$(function() {$('#footer').piepagina();});</script>

しかし、フッターには何も表示されません。

私が間違っていることは何ですか？

どうもありがとう

4

2 に答える 2

3

あなたはあなたのコードで何もしていません...

試してみませんか：

  this.append( 
    '<a href="http://unlimitedwonders.blogspot.com/2012/12/about.html">About</a> -',
    '<a href="http://unlimitedwonders.blogspot.com/2012/12/reportanissue.html">Report an issue</a> -',
    '<a href="http://unlimitedwonders.blogspot.com/2012/12/contribute.html">Contribute</a> -',
    '<a href="http://unlimitedwonders.blogspot.com/2012/12/contactus.html">Contact Us</a> -',
    '<a href="http://unlimitedwonders.blogspot.com/2012/12/termsofuse.html">Terms of Trade</a> - ',
    '<a href="http://unlimitedwonders.blogspot.com/2012/12/emailupdates.html">Email updates</a> '
  );

それがあなたがやりたかったことだと思います...しかし、私にはわかりません...。

Not sure why you need a plugin for this....

于 2012-12-18T14:48:04.297 に答える
0

次のようにコードを変更する必要があるとします。

(function($) {
    $.fn.piepagina = function (options) {
        return this.each(function () {
            var defaults = {
                images: [
                    '<a href="http://unlimitedwonders.blogspot.com/2012/12/about.html">About</a> -',
                    '<a href="http://unlimitedwonders.blogspot.com/2012/12/reportanissue.html">Report an issue</a> -',
                    '<a href="http://unlimitedwonders.blogspot.com/2012/12/contribute.html">Contribute</a> -',
                    '<a href="http://unlimitedwonders.blogspot.com/2012/12/contactus.html">Contact Us</a> -',
                    '<a href="http://unlimitedwonders.blogspot.com/2012/12/termsofuse.html">Terms of Trade</a> - ',
                    '<a href="http://unlimitedwonders.blogspot.com/2012/12/emailupdates.html">Email updates</a> '
                ]
            };
            var settings = $.extend(defaults, options || {});
            for(var i =0; i < settings.images.length; i++) {
                $(this).append(settings.images[i]);
            }
            $(this).data("piepagina", { settings: settings });
        });
    };
})(jQuery);

for行ごとにループすると、で使用可能なすべての画像（リンク）が選択した要素var settings = ...に追加されます。settings.images

于 2012-12-18T14:51:03.363 に答える