gpt4 book ai didi

使用 Gridster 添加网格时出现 Javascript 错误

转载 作者:行者123 更新时间:2023-12-02 16:23:59 25 4
gpt4 key购买 nike

$(function ($) {

var gridster;
widget_base_width: 240;
widget_base_height: 240;
widget_margin_h: 10;
widget_margin_v: 10;
gridActive: false;

this.gridster = $('.gridster ul').gridster({
widget_margins : [this.widget_margin_h, this.widget_margin_v],
widget_base_dimensions : [this.widget_base_width, this.widget_base_height],
helper : 'clone',
draggable : {}
}).data('gridster');

$(".chart-button").click(function () {
this.gridster.add_widget('<li id="hideil"><div id="test">heloooooo</div></li>');
});

});

我正在使用此代码通过 gridster 添加图 block ,但我收到错误消息:

Uncaught TypeError: Cannot read property 'add_widget' of undefined
(anonymous function)
x.event.dispatch jquery-1.10.2.min.js:22
v.handle jquery-1.10.2.min.js:22

最佳答案

点击处理程序的

this 对象与其外部的 this 对象不同。上下文不同:在处理程序内 this 对象指向 $('.chart-button')。您可以在处理程序外部定义一个变量并使用它:

var gridster = $('.gridster ul').gridster(...).data('gridster');

$(".chart-button").click(function () {
gridster.add_widget('<li id="hideil"><div id="test">heloooooo</div></li>');
});

或者您可以将this(覆盖处理程序的上下文)绑定(bind)到处理程序:

this.gridster = $('.gridster ul').gridster(...).data('gridster');

$(".chart-button").click(function () {
gridster.add_widget('<li id="hideil"><div id="test">heloooooo</div></li>');
}.bind(this));

关于使用 Gridster 添加网格时出现 Javascript 错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28870075/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com