Question

我正在尝试使用SimpleSplitView为我正在处理的项目呈现类似iPad的用户界面。但是，提供的示例使用不推荐使用的jQuery API .live()：

$('#mainpage').live('pageshow', function(event) {
    document.getElementById('splitviewcontainer').padding = 44;
    $('#splitviewcontainer').simplesplitview();
});

jQuery弃用了.live() 1.7＆amp;在1.9中删除它，我的项目使用2.1.1。阅读the jQuery site上的文档，我应该可以将其重构为：

$(document).on("pageshow", "#mainpage", function (event) {
    document.getElementById('splitviewcontainer').padding = 44;
    $('#splitviewcontainer').simplesplitview();
});

但是，当我尝试使用2.1.1时，我最终会按照它们在HTML中出现的顺序堆叠在彼此之上，而不是在左边和右边。正确的方向。所以我尝试在1.7.1中使用.on()（这是原始示例使用的），并且我得到相同的堆叠div结果，并且开发控制台抱怨该行上的无效函数。

为了完成这项工作，我认为我需要为pageshow事件提供一个事件监听器，但我不确定如何实现它或者它是否是正确的方法。

我试图制作几个小提琴来演示这个问题，但我根本无法让SimpleSplitView在JSFiddle中工作（它只是使用原始的jQuery和JQM版本来进行堆叠视图）。

问题： 我需要做些什么来重构.live()到.on()以使其在当前的jQuery中工作？

在SimpleSplitView中将.live（）重构为.on（）

0 个答案: