对象不支持属性或方法 jquery 插件

Question

我正在尝试扩展现有的 jquery 插件，如下所示。

 $.fn.cslide = function (options) { //added options & settings
    var settings = $.extend({
        Model : null
    })
    this.each(function () {
        //init code etc etc
        var modelDataJSON = null;

        if (settings.Model) {
            modelDataJSON = settings.Model;
        }
        //function declarations and implementations
    }
}

到目前为止一切都很好。但是当我运行这段代码时，

<script type="text/javascript">
    $("#cslide-slides").cslide(@Html.Raw(JsonConvert.SerializeObject(Model)));
</script>

他不识别JSON并返回

对象不支持属性或方法

作为错误。这是我第一次扩展现有的 jquery 插件，所以我遵循了以下指南。

Jquery Plugin Tutorial

各位好心人能指出我正确的方向吗？

我尝试了以下事情

• 通过发送字符串
• 通过发送静态 json
• $("#cslide-slides").cslide({ @Html.Raw(JsonConvert.SerializeObject(Model)) });

Answer 1

您没有将options 对象作为extend 语句中的第二个参数传递。此外，您最好用分号结束该语句

var settings = $.extend({
    Model : null
}, options);

由于$.extend 有效地合并了后面的对象参数的内容，您总是需要至少两个参数才能使语句有意义。