Twitter Bootstrap和Snap.js

Question

我正在尝试集成jakiestfu的Snap.js和Twitter Bootstrap。我得到了一些有用的东西(我可以让内容幻灯片，或者通过点击事件打开一个抽屉)。但是，对于最后一个问题，我的CSS技能已经到了极限:不管抽屉的状态如何，抽屉内容总是可见的。

JSFiddle example

虽然我可以在加载文档时硬编码抽屉元素的可见性，并在打开/关闭单击事件上执行一些操作，但这对Snap.js的拖动功能没有任何作用。

addEvent(document.getElementById('open-left'), 'click', function () {
// Muck with visibility in here
// Added code sample because StackOverflow wants it with a fiddle...
if (snapper.state().state == "left") {
    snapper.close();
} else {
    snapper.open('left');
}});

Answer 1

您需要为您的内容设置背景色：

#content{
    background: white;
}

工作小提琴：http://jsfiddle.net/basarat/ygm3L/