Javascript jQuery显示NaN

我试图从HTML中的某个元素获取一些数据，但是当我要求jQuery将抓取的数据放入段落标记时，jQuery“NaN”

这是我的全部代码：

$(".next-panel").click(function(event) {

    var accordion = $(".nav-accordion")
    var index = accordion.accordion('option','active')
    var next = index + 1;
    var panel = $(this).parents('.accordion-panel').next();
    var sectionTitle = $(this).parents('.accordion-panel').parents('li').next('li').children('a').attr('data-title');
    var sectionDesc = $(this).parents('.accordion-panel').parents('li').next('li').children('a').attr('data-desc');
    var sectionPercent = $(this).parents('.accordion-panel').parents('li').next('li').children('a').attr('data-percent');

    $('body').animate({
        scrollTop: $('#accordion-wrap').offset().top
    },
    800 
    );

    accordion.accordion('activate', next);
    panel.removeClass("ui-state-disabled").bind("click");


    $('#progress-box h6').text(sectionTitle);
    $('#progress-box p').text(sectionDesc);
    $('#percent-bar-inner p').text(sectionPercent);
    $('#percent-bar-inner').animate({
        width: sectionPercent,
    }, 300);

    console.log(sectionPercent)

    event.preventDefault();
    return false;


});

当我使用此选项时：

var sectionPercent = $(this).parents('.accordion-panel').parents('li').next('li').children('a').attr('data-percent');

然后告诉它将Var输出到：

$('#percent-bar-inner p').text(sectionPercent);

它给了我：

NaN

50

但当我记录变量时，它会给出：

NaN

50

这是正确的值

为什么会发生这种情况，南是什么意思

---

更新 JS小提琴示例：

这是一个JS提琴，显示它按预期工作：

删除我的代码中的这些部分后：

var accordion = $(".nav-accordion")
var index = accordion.accordion('option','active')
var next = index + 1;
var panel = $(this).parents('.accordion-panel').next();

而且

accordion.accordion('activate', next);
panel.removeClass("ui-state-disabled").bind("click");

---

NaN的意思不是数字。不知道为什么会这样。请用HTML&JS创建一个JSFIDDLE。

NaN

不是一个数字。这是Javascript中的一个内部“常量”，用于非法数学运算的结果，例如，被零除可以生成一个NaN。并且宽度动画设置为50，如预期的那样？@Johnツ 在主要问题中更新了JSFIDLE链接