剑道 TabStrip Jquery 不工作

【问题标题】：Kendo TabStrip Jquery not working剑道 TabStrip Jquery 不工作
【发布时间】：2014-07-14 22:41:10
【问题描述】：

所以我正在尝试通过 JavaScript 将一些内容动态添加到 Kendo TabStrip。我用来获取 Jquery 对象的代码是：

$(document).ready(function () {

    $tabStrip = $("#tabStrip");
    alert(JSON.stringify($tabStrip));        
    $kendoTabStrip = $tabStrip.kendoTabStrip();
    alert(JSON.stringify($kendoTabStrip));
    $data = $kendoTabStrip.data("kendoTabStrip");
    alert(JSON.stringify($data));
});

这将合成为

$tabstrip=$('$tabStrip".kendoTabStrip().data("kendoTabStrip")

但是，当我调用附加方法时，我得到一个错误。这就是为什么我让警报知道 tabstrip 的值以及每次我得到“未定义”的原因。我不知道该怎么办。感谢您的帮助。

您好，路易斯。

【问题讨论】：

标签： jquery kendo-ui kendo-asp.net-mvc kendo-tabstrip

【解决方案1】：

为了获得对 TabStrip 的引用，您通常使用：

$tabStrip = $("#tabStrip").data("kendoTabStrip");

你也可以这样做：

$tabStrip = $("#tabStrip").kendoTabStrip().data("kendoTabStrip");

这样做，您可以调用append 来附加一个附加选项卡。示例：

$tabStrip.append(
    [
        {
            text: "Baiona",
            content: "<h2>N/A</h2><p>Not available</p>"
        }
    ]
);

在此处查看实际操作：http://jsfiddle.net/OnaBai/5rgd7/

注意：您的$data 实际上是对TabStrip 对象的引用，因此使用您的代码您应该执行$data.append(...)。

【讨论】：