小编inf*_*oop的帖子

如何在Chart.js v2.0中的标签上添加OnClick事件?

寻找一种在chartjs 2.0中的"label"元素上添加onClick句柄的方法因为只要点击Char.js V2.0 RadarChart中的任何一个标签属性,使用下面的方法将在console.log中返回"undifined".

var data = {
    // below line is the labels 
    labels: ["Eating", "Drinking", "Sleeping", "Designing", "Coding", "Cycling", "Running"],
    datasets: [
        {
            label: "My First dataset", //this only shows as legend, not label.

            backgroundColor: "rgba(179,181,198,0.2)",
            borderColor: "rgba(179,181,198,1)",
            pointBackgroundColor: "rgba(179,181,198,1)",
            pointBorderColor: "#fff",
            pointHoverBackgroundColor: "#fff",
            pointHoverBorderColor: "rgba(179,181,198,1)",
            data: [65, 59, 90, 81, 56, 55, 40]
        },
       ....
Run Code Online (Sandbox Code Playgroud)

//Below is how to OnClick on chart points in chart.js V2, 
//However, it didn't apply to labels, will return "undifined" .   
$('#ChartV2').click(function(e) …
Run Code Online (Sandbox Code Playgroud)

html javascript jquery chart.js chart.js2

6
推荐指数
2
解决办法
2万
查看次数

如何仅在fullpage.js中禁用鼠标滚动触发器

在fullpage.js核心功能

如何自定义,当设置选项autoScrolling:true时.

1.仅在部分滚动控件中禁用鼠标滚动行为触发器.

2.其他键盘滚动触发仍然有效.(如keyup keydown end home等)

这是来自git的fullpage.js代码:https: //github.com/ajgagnon/fullPage.js/blob/master/jquery.fullPage.js

解释:为什么有时需要禁用鼠标滚动.因为当"scrollOverflow:true"时,fullpage.js中存在滚动敏感性问题.但是,如果您完全禁用了"autoScrolling:true"选项,则默认情况下键盘触发器仍允许向左上滚动.(默认情况下"keyboardScrolling:true";)

但是,我发现当"scrollOverflow:false"选项与"keyboardScrolling:true"一起时,内容会在您按下箭头键时立即抖动.不知道如何修复,所以我的目的是保持scrollOverflow:true,同时禁用鼠标滚动.那就没问题了.)

javascript jquery fullpage.js

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

如何解决桌面浏览器上由具有不同页面内容高度的页面之间的滚动条切换触发的背景内容抖动问题?

这个问题我出现过两次

使用Bootstrap 3模态框时,弹出模态框时,chrome桌面出现浏览器滚动条,导致背景内容晃动约0.5秒后再次静止。然而,在移动设备中,由于移动浏览器不像 Windows Chrome 那样显示滚动条,因此在这些浏览器中查看的人不会看到此问题。

我发现针对引导模式问题的有效破解方法是应用 css 覆盖,如下所示:

.modal-open {
overflow: hidden;
width: calc(100% - 17px);/* for chrome/safari*/
width: -moz-calc(100% - 16px); /*for firefox*/
/*width: -ms-calc(100% - XXpx)  */
}
Run Code Online (Sandbox Code Playgroud)

现在在 jquery-mobile 框架中,当我单击从一个页面到另一个页面的转换时,我也遇到了这个抖动问题,页面转换后背景图像会抖动,因此如果您在 Windows 桌面浏览器中查看它,它看起来相当有问题。

我想知道是否有人修复了当不同页面高度的 jquery-mobile 页面之间触发数据转换时桌面浏览器中也出现 jquery mobile 背景抖动问题的 css。

塞纳里奥示例:

页面A:页面内容较长,因此页面完全加载时有滚动条。

B页:页面内容较短,即使完全加载也不会产生滚动条。

C页:同A页(内容高度有滚动条);

D页:与B页相同(无滚动条);

触发器: 使用 juqerymobile 框架链接来触发这些页面之间的 data-transition="***":

A页->B页或C页->D页,出现晃动问题。

B页->D页,出现晃动的问题,因为大多数转换过程中仍然会产生滚动条,所以在无滚动条页面转换之间你会看到三种状态:
1.无滚动条 2.滚动条可见或滑动 3.无滚动条

A页->C页 ,动画过渡期间滚动条全程存在,无晃动。

html css jquery jquery-mobile twitter-bootstrap

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