Tag: javascript

在向下滚动时淡入，在向上滚动时淡出 – 基于窗口中的元素位置: 当它们在窗口中完全可见时，我试图让一系列元素在向下滚动时淡入。如果我继续向下滚动，我不希望它们淡出，但如果我向上滚动，我确实希望它们淡出。这是我发现的最接近的jsfiddle。 http://jsfiddle.net/tcloninger/e5qaD/ $(document).ready(function() { /* Every time the window is scrolled … */ $(window).scroll( function(){ /* Check the location of each desired element */ $(‘.hideme’).each( function(i){ var bottom_of_object = $(this).position().top + $(this).outerHeight(); var bottom_of_window = $(window).scrollTop() + $(window).height(); /* If the object is completely visible in the window, fade it it */ if( […]

Userscript在执行代码技术之前等待页面加载？: 我正在写一个Greasemonkey用户脚本，并希望在页面完全加载时执行特定代码，因为它返回我想要显示的div计数。问题是，这个特定的页面有时会在所有内容加载之前占用一些。我试过，记录$(function() { }); 和$(window).load(function(){ }); 包装。但是，似乎没有一个对我有用，尽管我可能会错误地应用它们。我能做的最好是使用setTimeout(function() { }, 600); 哪个有效，但并不总是可靠的。什么是在Greasemonkey中使用的最佳技术，以确保在页面加载完成后执行特定代码？

我们应该在AngularJS中使用jQuery吗？: 我们的网站目前正在使用jQuery库，每月流量约为100万。我们希望包含以API为中心的方法，因此决定转向Javascript MVC并选择angularJS。现在我的问题是，我应该在Angular的顶部使用jQuery，以便我需要重写最小的DOM操作代码，或者我应该以Angular方式重写所有内容？我们正在使用像plupload，jQuery UI这样的jQuery插件。在网站上等。请建议最佳的迁移方式（页面加载时间也很重要）。如果我有jQuery背景，已经通过“Thinking in AngularJS”了吗？但没有得到一个明确的答案

Bootstrap datepicker禁用过去的日期而没有当前日期: 我想在当前日期之前禁用所有过去的日期，而不是当前日期。我正在尝试使用bootstrap datepicker库“ bootstrap-datepicker ”并使用以下代码： $(‘#date’).datepicker({ startDate: new Date() }); 它工作正常。但它是禁用日期直到今天。例如，如果今天是04-20-2013并且我通过设置startDate：new Date（）来禁用过去的日期。但我可以从2013年11月11日选择日期。更新：我可以解决以下UTC区域： var d = new Date(); options[“startDate”] = new Date(d.setDate(d.getDate() – 1)); 或者startDate: “+0d” 但是，当UTC提前一天时，这些方法不起作用。对于我在加利福尼亚的客户，这意味着在下午5点，我的客户不能再选择当地的当前日期作为有效日期。为了解决这个问题，我暂时使用startDate: “-1d” ，但当然在5之前，这意味着昨天可见。有没有人想出一个更好的方法，因为我不想告诉用户投入UTC日期？提前致谢。

Jquery Parallax滚动效果 – 多方向: 我需要为客户端构建一个多向JQuery视差页面 – 他们基本上希望它以类似的方式工作 – https://victoriabeckham.landrover.com/INT 我已经准备好了艺术品并找到了许多jquery库，它们可以让我滚动水平/垂直 – 但我不确定如何在特定的坐标上将它们组合在一起。有谁能指出我正确的方向？编辑：我最初在看过Superscrolarama并且认为所有问题都已解决之后做了这个post – 但是我一直在努力实现它 – 我不认为它是我认为的救星，我需要水平和垂直视差以及滚动到实现上述，它似乎不支持 – 所以任何其他提示，我将非常感激！

如何在chart.js中显示每个切片的饼图数据值: 我在我的php页面中使用Chart.js绘制饼图。我发现工具提示显示每个切片值。但我希望显示如下图像的值。我不知道如何用chart.js做到这一点。请帮我。我的Javascript代码： function drawPie(canvasId,data,legend){ var ctx = $(“#pie-canvas-” + canvasId).get(0).getContext(“2d”); var piedata = []; $.each(data,function(i,val){ piedata.push({value:val.count,color:val.color,label:val.status}); }); var options = { tooltipTemplate: “%”, } var pie = new Chart(ctx).Pie(piedata,options); if(legend)document.getElementById(“legend”).innerHTML = pie.generateLegend(); } php代码： printf(”); echo ”; echo ‘drawPie(‘ . $canvasId . ‘, ‘ . $data3 .’, ‘ . $legend . ‘);’;

用jQuery自动刷新div – setTimeout或其他方法？: 你究竟用JavaScript（特别是jQuery）制作一个自动刷新div ？我知道setTimeout方法，但它真的是一个好习惯吗？有更好的方法吗？ function update() { $.get(“response.php”, function(data) { $(“#some_div”).html(data); }); window.setTimeout(“update();”, 10000); }

如何确定客户端是否为触控设备: 是否有任何漂亮和干净的方法或技巧，以确定用户是否在触摸设备上？我知道有像var isiPad = navigator.userAgent.match(/iPad/i) != null; 但我只是想知道是否有一个技巧来确定用户是否在Touch设备上？因为有更多的触摸设备和平板电脑，那么只有iPad。谢谢。

如何使用JS编辑CSS变量？: 我有这些CSS变量来控制我的项目的颜色，所以我可以做主题。 html { –main-background-image: url(../images/starsBackground.jpg); –main-text-color: #4CAF50; –main-background-color: rgba(0,0,0,.25); –beta-background-color: rgba(0,0,0,.85); } 但无论我如何尝试更改属性（两个注释行分别尝试），我得到的最接近的不是有效属性。 function loadTheme() { var htmlTag = document.getElementsByTagName(“html”); var yourSelect = document.getElementById( “themeSelect” ); var selectedTheme = ( yourSelect.options[ yourSelect.selectedIndex ].value ); // htmlTag[0].setAttribute(‘–main-text-color’, ‘#FFCF40’); // $(“html”).css(“–main-text-color”,”#FFCF40″); }