Timeglider不允许我用给定的函数销毁所有变量。

Question

我在jQuery小部件方面没有那么先进，我也不知道如何使用access --破坏函数。您可以在下面的旧版本中找到该函数：https://code.google.com/p/codeset/source/browse/trunk/web/timegliderExample/js/timeglider/timeglider.timeline.widget.js?r=4

通常，您创建时间滑翔机时：

tg1 = $("#timelinearea").timeline({...

所以我也试着去访问这个可怕的功能：

tg1 = $("#timelinearea").timeline.destroy();
tg1 = $("#timelinearea").destroy();
tg1.destroy();

但是控制台总是说找不到函数。我如何才能访问该函数？

控制台输出

"350px" timeline.js:44:8
Array [ "titlebar:", "hiddenBar" ] ba-debug.min.js:27:43
"0px" timeline.js:44:8
"350px" timeline.js:44:8
Array [ "titlebar:", "hiddenBar" ] ba-debug.min.js:27:43
Array [ "titlebar:", "hiddenBar" ] ba-debug.min.js:27:43
Array [ "titlebar:", "hiddenBar" ] ba-debug.min.js:27:43
Array [ "titlebar:", "hiddenBar" ] ba-debug.min.js:27:43
"0px" timeline.js:44:8
"350px" timeline.js:44:8
Array [ "titlebar:", "hiddenBar" ] ba-debug.min.js:27:43
Array [ "titlebar:", "hiddenBar" ] ba-debug.min.js:27:43
Array [ "titlebar:", "hiddenBar" ] ba-debug.min.js:27:43
Array [ "titlebar:", "hiddenBar" ] ba-debug.min.js:27:43
Array [ "titlebar:", "hiddenBar" ] ba-debug.min.js:27:43
Array [ "titlebar:", "hiddenBar" ] ba-debug.min.js:27:43
Array [ "titlebar:", "hiddenBar" ] ba-debug.min.js:27:43
Array [ "titlebar:", "hiddenBar" ] ba-debug.min.js:27:43
Array [ "titlebar:", "hiddenBar" ] ba-debug.min.js:27:43
"0px" timeline.js:44:8
"350px" timeline.js:44:8
Array [ "titlebar:", "hiddenBar" ] ba-debug.min.js:27:43
Array [ "titlebar:", "hiddenBar" ] ba-debug.min.js:27:43
Array [ "titlebar:", "hiddenBar" ] ba-debug.min.js:27:43
Array [ "titlebar:", "hiddenBar" ] ba-debug.min.js:27:43
Array [ "titlebar:", "hiddenBar" ] ba-debug.min.js:27:43
Array [ "titlebar:", "hiddenBar" ] ba-debug.min.js:27:43
Array [ "titlebar:", "hiddenBar" ] ba-debug.min.js:27:43
Array [ "titlebar:", "hiddenBar" ] ba-debug.min.js:27:43
Array [ "titlebar:", "hiddenBar" ] ba-debug.min.js:27:43
Array [ "titlebar:", "hiddenBar" ] ba-debug.min.js:27:43
Array [ "titlebar:", "hiddenBar" ] ba-debug.min.js:27:43
Array [ "titlebar:", "hiddenBar" ] ba-debug.min.js:27:43
Array [ "titlebar:", "hiddenBar" ] ba-debug.min.js:27:43
Array [ "titlebar:", "hiddenBar" ] ba-debug.min.js:27:43
Array [ "titlebar:", "hiddenBar" ] ba-debug.min.js:27:43
Array [ "titlebar:", "hiddenBar" ] ba-debug.min.js:27:43

我不认为这是正常的产出总是乘以。我使用时间滑翔机在一个div，我滑出去和进去。这就是第0px和350 0px的意思。当滑出时，我会删除对象。通过滑进去，我读了一个json文件。

Answer 1

我通过使用官方方法来解决这个问题。因此，首先，它们没有工作，因为时间滑翔机在使用最新的jQuery发行版时仍然存在问题。因此，我现在使用的是最新的1.* jQuery发行版，这对于时间滑翔机来说是很好的。

因此，正如我所说，这允许我现在使用官方的方法。首先，我用以下内容初始化了时间滑翔机：

function initializeTimeline(jsonfile) {
    tg1 = $("#timelinearea").timeline({
        "min_zoom":20,
        "max_zoom":60,
        "image_lane_height":10,
        "icon_folder":"timeglider/icons/",
        "data_source":"json/" + jsonfile,
        "constrain_to_data": true,
        "show_footer": false,
        "display_zoom_level": true
    });
    tg_instance = tg1.data("timeline");
};

现在，我能够使用tg_instance并更改文件，例如：

tg_instance.loadTimeline("json/someOtherData.json", function(){debug.log("cb!");}, true);

当然，不需要回调。

因此，只需加载初始化方法一次，一次，再也不会了，一切都很好。

Answer 2

如果要从DOM中删除#timelinearea，请使用remove()；

$("#timelinearea").remove();

请参阅：http://api.jquery.com/remove/