-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> '
  );

我认为这就是你想要做的......但我不能确定......

不知道为什么你需要一个插件来解决这个问题......

于 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 回答