Kendo TabStrip Jquery無法正常工作

Question

因此，我試圖通過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")

但是，當我調用append方法時，出現錯誤。 這就是為什么我發出警報以了解Tabstrip的值以及每次我得到“未定義”的原因。 我不知道該怎么辦。 感謝您的幫助。

問候，路易斯。

Answer 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(...) 。