我正在使用Pace.JS在我向REST服务进行AJAX调用时显示加载器.Pace在这里工作得很好,除了在装载机旋转时页面仍然是交互式的.在我尝试加载数据时,我真的不希望页面是交互式的.
为了解决这个问题,我希望在Pace.JS加载动画处于活动状态时显示一个div(白色具有高不透明度以模拟模态),其Z-Index为1999覆盖整个页面(宽度/高度= 100%)在Z-Index 2000,所以它坐在模态的顶部),并在Pace.JS加载动画完成时隐藏div,以限制用户在加载数据时可以与之交互的内容.
我已经在Pace.JS hubspot主页(http://github.hubspot.com/pace/)上看到了这些事件(启动,重启,隐藏)但是没有实际使用它的例子和我尝试过的所有东西没事.
有人可以发布一个如何做我正在寻找的事情的例子吗?这真的,真的对我有帮助.谢谢!
我有一个问题可以在JFiddle上复制。链接:http://jsfiddle.net/h5sSR/
$(function() {
var chart = new Highcharts.StockChart({
chart: {
renderTo: 'container'
},
tooltip: {
backgroundColor: {
linearGradient: {
x1: 0,
y1: 0,
x2: 0,
y2: 1
},
stops: [
[0, 'white'],
[1, '#EEE']
]
},
xDateFormat: '%m/%e/%y %H:%M',
borderColor: 'gray',
borderWidth: 1
},
rangeSelector: {
selected: 1
},
series: [{
name: 'USD to EUR',
data: usdeur
}]
});
});
Run Code Online (Sandbox Code Playgroud)
问题:我需要始终在工具提示下应用xDateFormat属性(月 / 日 / 年的 小时:分钟)。当您选择少量数据时,它可以完美工作。当您选择了要查看的大量数据时,它使用不同的格式。
示例:在JFiddle上尝试(上面的链接)。它初始化为可见的少量数据,并且当您将鼠标悬停时,您将看到日期:12/3/12 0:0。那很完美。现在拖动导航器开始和悬停在图表上,(从周的日期格式更改为星期几 …