Javascript 如何使用jQuery为redactor.js中的脚注插件增加一个数字

Javascript 如何使用jQuery为redactor.js中的脚注插件增加一个数字,javascript,jquery,increment,Javascript,Jquery,Increment,我正在为redactor.js开发一个插件,允许用户添加脚注。最终,脚注将被写入数据库中的一个单独的表中,但目前这只是一个模型——它是一个更大的大学项目的一部分,只需要看起来像是在这个阶段工作。顺便说一下,我是个JS初学者 我在编辑器中添加了一个自定义按钮,该按钮使用回调函数运行函数。如您所见,每次按下按钮时,fnCount变量都重置为0。我不知道如何取最后一个值并增加它。我在这里看到了一些类似的问题,但没有一个是完全相同的,因为我正在使用redactor API来完成这项工作 这是我的密码:

我正在为redactor.js开发一个插件,允许用户添加脚注。最终,脚注将被写入数据库中的一个单独的表中,但目前这只是一个模型——它是一个更大的大学项目的一部分,只需要看起来像是在这个阶段工作。顺便说一下,我是个JS初学者

我在编辑器中添加了一个自定义按钮,该按钮使用回调函数运行函数。如您所见,每次按下按钮时,fnCount变量都重置为0。我不知道如何取最后一个值并增加它。我在这里看到了一些类似的问题,但没有一个是完全相同的,因为我正在使用redactor API来完成这项工作

这是我的密码:

// Insert footnote plugin

insertFootnote = function(){
    var fnCount = 0
    var fnAnchor = '<a href="#fn-' + ++fnCount + '"><sup>' + fnCount + '</sup></a>&nbsp'
    $('.edit').execCommand('inserthtml', fnAnchor);
}


// Initialise editor

$(document).ready(
    function()
    {       
        $('.edit').redactor({
            focus: true, 
            buttonsAdd: ['|', 'footnote', 'reference'], 
            buttonsCustom: {
                footnote: {
                    title: 'Insert footnote', 
                    callback: insertFootnote 
                },

            }
        });
    }
);
//插入脚注插件
insertFootnote=函数(){
变量fnCount=0
var FNANCHER='nbsp'
$('.edit').execCommand('inserthtml',fnachor);
}
//初始化编辑器
$(文件)。准备好了吗(
函数()
{       
$('.edit').redactor({
焦点:对,
按钮添加:['|','footnote','reference'],
按钮自定义:{
脚注:{
标题:“插入脚注”,
回调:插入脚注
},
}
});
}
);
我在这里举了一个例子:黑色按钮是在无用的脚注中添加的按钮。白色按钮是一个不相关但同样无用的功能,因此可以忽略


我意识到,我现在所做的只是插入一个锚,锚没有任何作用,只能一步一个脚印,嗯?;-)

如果我正确理解了这个问题,您只需要将变量移动到外部范围:

var fnCount = 0

insertFootnote = function(){    
    var fnAnchor = '<a href="#fn-' + ++fnCount + '"><sup>' + fnCount + '</sup></a>&nbsp'
    $('.edit').execCommand('inserthtml', fnAnchor);
}
var fnCount=0
insertFootnote=函数(){
var FNANCHER='nbsp'
$('.edit').execCommand('inserthtml',fnachor);
}
现在,变量不是每次调用都设置为0,而是最初设置为0,然后在每次调用时递增


如果值应该绑定到调用它的元素,则可以使用
数据存储它。

如果我正确理解了问题,则只需将变量移动到外部范围:

var fnCount = 0

insertFootnote = function(){    
    var fnAnchor = '<a href="#fn-' + ++fnCount + '"><sup>' + fnCount + '</sup></a>&nbsp'
    $('.edit').execCommand('inserthtml', fnAnchor);
}
var fnCount=0
insertFootnote=函数(){
var FNANCHER='nbsp'
$('.edit').execCommand('inserthtml',fnachor);
}
现在,变量不是每次调用都设置为0,而是最初设置为0,然后在每次调用时递增

如果该值应该绑定到调用它的元素,则可以使用
数据
存储该值