Question

我有以下代码。

var fancyProductDesigner = jQuery('#fancy-product-designer-310938')
                        .fancyProductDesigner({
                            uploadDesigns: 0,
                            customTexts: 1,
                            imageDownloadable: 1,
                            saveAsPdf: 0,
                            printable: 1,
                            dimensions: {
                                sidebarNavSize: 30,
                                sidebarContentWidth: 168,
                                sidebarSize: 887,
                                productStageWidth: 490,
                                productStageHeight: 490
                            }
                        }).data('fancy-product-designer');

我想改变宽度和高度。位置在（尺寸:)中，用户输入尺寸。

我需要知道如何设置/更改这些值。

我已经尝试查看该对象是否存在。

alert(typeof $('fancy-product-designer').data('dimensions'));

但它说未定义......

我的页面位于http://www.panel-it.eu/shop/ontwerp-sticker-effe-kleuren/#

按下黄色条时会出现元素。

我正在记录

 console.log(jQuery('#fancy-product-designer-310938').data('fancy-product-designer'));

但找不到重置尺寸的方法。

我注意到：setStageDimensions

有人可以帮助我吗？

Answer 1

这将返回一个对象，其中包含适用于花哨产品设计师的所有方法：

var data = jQuery('#fancy-product-designer-310938').data('fancy-product-designer');

在里面找到一个方法setStageDimensions()，您可以这样使用：

// first argument is the width, second the height
data.setStageDimensions(200, 400);

现在内部尺寸productStageWidth为200，productStageHeight为400.更改我找不到的其他尺寸的方法。正如@ boulder_02在他的评论中提到的那样，数据方法不会存储您的原始对象，而是由.fancyProductDesigner()返回自己的对象。

JQuery替换var值

1 个答案: