else { if (!transitionEnd || isIE()) { setTimeout(function(){ showBars(); }, 1000); } else { $('.details').bind(transitionEnd, function() { $(this).unbind(transitionEnd); //Chrome has another bug, it doesn't read new css rules after transitionEnd setTimeout(showBars, 0); }); } } } else { $('.splash').addClass('preview show-samples show-bar'); sample.flipbook.turn('page', sample.startPage || 2); if (typeof(_gaq)!='undefined') _gaq.push(['_trackEvent', 'Sample', currentDemo]); }
时间: 2024-02-14 21:30:11 浏览: 150
CFP_ISIE2019.pdf
这段代码是 `open` 方法的最后一部分。具体解释如下:
```javascript
else {
if (!transitionEnd || isIE()) {
setTimeout(function() {
showBars();
}, 1000);
} else {
$('.details').bind(transitionEnd, function() {
$(this).unbind(transitionEnd);
// Chrome has another bug, it doesn't read new CSS rules after transitionEnd
setTimeout(showBars, 0);
});
}
}
} else {
$('.splash').addClass('preview show-samples show-bar');
sample.flipbook.turn('page', sample.startPage || 2);
if (typeof(_gaq) != 'undefined')
_gaq.push(['_trackEvent', 'Sample', currentDemo]);
}
```
具体解释如下:
- 如果浏览器不支持 CSS 过渡特性或者是 IE 浏览器:
- 延迟一段时间后调用 `showBars` 函数,延迟时间为 1000 毫秒(1 秒)。
- 否则:
- 绑定 `transitionEnd` 事件到 `.details` 元素上,当过渡结束时触发。
- 在事件处理程序中解绑 `transitionEnd` 事件,并通过 `setTimeout` 延迟一段时间后调用 `showBars` 函数。这是为了解决 Chrome 浏览器在过渡结束后不读取新的 CSS 规则的问题。
- 如果以上条件都不满足:
- 给 `.splash` 元素添加 `preview`、`show-samples` 和 `show-bar` 类,以显示相应的样式。
- 使用示例的翻页组件将页面翻到示例的起始页(如果有指定起始页)。
- 如果 `_gaq` 对象已定义,则触发跟踪事件,用于分析示例的数据。
总体而言,这段代码的作用是根据不同的条件设置页面过渡效果的最后阶段。它会根据浏览器支持的特性和是否有过渡事件来决定如何处理过渡效果的完成动作,包括延迟显示元素或在过渡结束后执行相应的操作。最后,如果不需要过渡效果,直接显示相应的样式和页面内容。
阅读全文