Foundation无法读取未定义的属性'bg_class'

时间:2015-01-16 14:45:23

标签: javascript zurb-foundation

我正在尝试使用javascript模块。我可以设法检索模态内容并在显示模式中显示,但是当我想关闭模态时,我收到一条javascript错误消息并且模态没有关闭。

以下是javascript代码:

  var Order = (function (window, document, $){

    var Order = function(_id){
        this.id = _id;
    };

    Order.prototype = {
        id:null,
        constructor: Order, 
        test: function(){
            alert(this.id);
        }, 
        displayOrder: function(){   
            $.get("/orders/dialog_vieworder/"+this.id, function(data){
                var modal = $("#content").append('<div data-reveal />').attr('class', 'reveal-modal').html(data);               
                modal.foundation('reveal', 'open'); 
            });
        }
    };

    return Order;
})(window, document, jQuery);

$(function(){
    o1 = new Order(60000);  
    o1.displayOrder();
});

以下是错误消息:

Uncaught TypeError: Cannot read property 'bg_class' of undefined

非常感谢帮助

1 个答案:

答案 0 :(得分:2)

升级您的基础版本,或更改此...

如果你有foundation.reveal.js 找到这一行

var settings = $('[data-reveal].open').data('reveal-init'),
bg_clicked = $(e.target)[0] === $('.' + settings.bg_class)[0];

并将第二行更改为此

bg_clicked = $(e.target)[0] === $('.' + ( settings ? settings.bg_class : null))[0];

如果您有缩小版本,请搜索bg_class 应该只有两个。找到有点类似于

的行
i=e(t.target)[0]===e("." + r.bg_class)[0];

然后将其更改为此

i=e(t.target)[0]===e("." + (r?r.bg_class:null))[0];

你应该好好去。

这是github上的问题

Foundation Github bug