jQuery插件变量_Jquery_Variables_Jquery Plugins_Scope

jQuery插件变量

jquery variables jquery-plugins

jQuery插件变量,jquery,variables,jquery-plugins,scope,Jquery,Variables,Jquery Plugins,Scope,我有以下代码 (function($) { // carousel var Carousel = { settings: { itemsPerPage: 1, itemsPerTransition: 1, noOfRows: 1, pagination: true, nextPrevLinks: true, speed:

我有以下代码

编辑我为任何混乱道歉-我只是不想发布大量愚蠢的代码，使其无法阅读。请看我上面的完整代码

编辑2我想吸一个枕头。。。看看autoSwitch函数-这就是我遇到错误的地方：panelWidth未定义，这就是我尝试使用此函数的原因。

听起来好像在使用全局变量。这不是好的做法。这可能需要包装在jquery函数调用中。试着先做$this.numPanels。我看不到你剩下的代码，所以我不知道这是否有效。如果没有，则尝试通过将变量附加到DOM元素来存储该变量。像下面这个简单的例子：

$('#myElement').data('numPanels', 0); // Storing the data.

var numPanels = $('#myElement').data('numPanels'); // Retrieving the data.
numPanels++; // Do work.
$('#myElement').data('numPanels', numPanels); // Storing the new data.

听起来好像你在使用一个全局变量。这不是好的做法。这可能需要包装在jquery函数调用中。试着先做$this.numPanels。我看不到你剩下的代码，所以我不知道这是否有效。如果没有，则尝试通过将变量附加到DOM元素来存储该变量。像下面这个简单的例子：

$('#myElement').data('numPanels', 0); // Storing the data.

var numPanels = $('#myElement').data('numPanels'); // Retrieving the data.
numPanels++; // Do work.
$('#myElement').data('numPanels', numPanels); // Storing the new data.

这个.numPanels++在each中调用的匿名函数的作用域中是本地的。如果将初始声明替换为var numPanels=0；并在函数中访问它，或者通过引用传入numPanels，您将得到预期的结果

这样做：

this.panelHeight = 0;
this.panelWidth = 0;
this.numPanels = 0;
var self = this; // reference to this
// Find biggest panel in set
this.container.find(".tinycarousel > li > div").each(function() {
    if($(this).outerHeight() > self.panelHeight) { // use self
        self.panelHeight = $(this).outerHeight();  // use self
    }

    if($(this).outerWidth() > self.panelWidth){    // use self
        self.panelWidth = $(this).outerWidth();    // use self
    }
    self.numPanels++; // use self
});

这样做：

this.panelHeight = 0;
this.panelWidth = 0;
this.numPanels = 0;
var self = this; // reference to this
// Find biggest panel in set
this.container.find(".tinycarousel > li > div").each(function() {
    if($(this).outerHeight() > self.panelHeight) { // use self
        self.panelHeight = $(this).outerHeight();  // use self
    }

    if($(this).outerWidth() > self.panelWidth){    // use self
        self.panelWidth = $(this).outerWidth();    // use self
    }
    self.numPanels++; // use self
});

这个范围的问题

您在everithing之外创建了this变量，然后希望在each函数内部调用this变量

它们有不同的范围

您需要在每个对象中创建一个可访问的全局变量

var numPanels=0

然后你就可以使用numPanels++