小编Cap*_*ort的帖子

如何在Pace.JS加载期间显示Div

我正在使用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/)上看到了这些事件(启动,重启,隐藏)但是没有实际使用它的例子和我尝试过的所有东西没事.

有人可以发布一个如何做我正在寻找的事情的例子吗?这真的,真的对我有帮助.谢谢!

javascript css ajax jquery modal-dialog

12
推荐指数
1
解决办法
1万
查看次数

xDateFormat字符串不适用于大量数据

我有一个问题可以在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。那很完美。现在拖动导航器开始和悬停在图表上,(从周的日期格式更改为星期几 …

highstock

4
推荐指数
1
解决办法
2359
查看次数

标签 统计

ajax ×1

css ×1

highstock ×1

javascript ×1

jquery ×1

modal-dialog ×1