Tag: JavaScript

以编程方式更改animation规则中的webkit转换值: 我有这个样式表： @-webkit-keyframes run { 0% { -webkit-transform: translate3d(0px,0px,0px); } 100% { -webkit-transform: translate3d(0px,1620px,0px); } } 不是我想修改1620px的值取决于一些参数。喜欢这个： @-webkit-keyframes run { 0% { -webkit-transform: translate3d(0px,0px,0px); } 100% { -webkit-transform: translate3d(0px, height*i, 0px); } } 我宁愿能够使用JavaScript和jQuery，虽然一个纯CSS的解决scheme可以。这是一个运行在它的移动Safari浏览器的iPhone游戏。

Angular Js和google api client.js（gapi）: 我花了一天的时间才做到这一点，所以我觉得我的经验可能对某人有用。也许其他一些人会发现改善。所以我两天前开始使用angularJS。我希望它可以与Google Cloud Endpoints一起使用来创build后端界面。这给我带来了麻烦。 gapi的javascript客户端来自asynchronous加载，所以angular度初始化将崩溃gapi未定义。所以当gapi被初始化时，你需要引导angular度：删除ng-app =“myApp” 添加<script src="https://apis.google.com/js/client.js?onload=googleOnLoadCallback"></script> 添加callback： function googleOnLoadCallback(){ var apisToLoad = 1; // must match number of calls to gapi.client.load() var gCallback = function() { if (–apisToLoad == 0) { //Manual bootstraping of the application var $injector = angular.bootstrap(document, ['myApp']); console.log('Angular bootstrap complete ' + gapi); }; […]

谷歌浏览器扩展：如何在程序化注入的内容脚本中包含jQuery？: 当用户点击浏览器动作button时，我从后台页面注入我的内容脚本，如下所示： chrome.browserAction.onClicked.addListener(function (tab) { chrome.tabs.executeScript(null, { file: "content.js" }); }); 那么我怎样才能从我的content.js访问jQuery？我没有看到同时注入的方法。

Webkit和jQuery可拖动跳跃: 作为一个实验，我创build了几个div，并使用CSS3旋转它们。 .items { position: absolute; cursor: pointer; background: #FFC400; -moz-box-shadow: 0px 0px 2px #E39900; -webkit-box-shadow: 1px 1px 2px #E39900; box-shadow: 0px 0px 2px #E39900; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } 然后我随机devise了它们，并通过jQuery使它们可拖动。 $('.items').each(function() { $(this).css({ top: (80 * Math.random()) + '%', left: (80 * Math.random()) + '%', width: (100 + 200 * Math.random()) + 'px', […]

在Jquery中获取元素的唯一select器: 我想创build一个跟踪用户所有操作的logging器。为此，我需要识别用户与之交互的元素，以便在稍后的会话中引用这些元素。用伪代码说话，我想能够做到像下面这样的东西示例HTML（可能是任何复杂的）： <html> <body> <div class="example"> <p>foo</p> <span><a href="bar">bar</a></span> </div> </body> </html> 用户点击一些东西，如链接。现在我需要确定被单击的元素并将其位置保存在DOM树中以供以后使用： (any element).onclick(function() { uniqueSelector = $(this).getUniqueSelector(); }) 现在，uniqueSelector应该是这样的（我不介意，如果它是XPath或CSSselect器样式）： html > body > div.example > span > a 这将提供保存该select器string并在以后使用它的可能性，以重放用户所做的动作。这怎么可能？更新得到我的答案：获取元素的jQueryselect器

当使用setInterval时，如果我在Chrome中切换标签并返回，则滑块变得疯狂追赶: 我在我的网站上有一个jQuery滑块，去下一张幻灯片的代码是一个名为nextImage的函数。我用setInterval在计时器上运行我的function，它正是我想要的：它在计时器上运行我的幻灯片。但是，如果我在Chrome浏览器中访问该网站，切换到另一个选项卡并返回，则滑块会不断滑过幻灯片，直到“追上”为止。有谁知道一种方法来解决这个问题。以下是我的代码。 setInterval(function() { nextImage(); }, 8000);

获取子节点索引: 在直接的JavaScript（即没有扩展，如jQuery等），有没有一种方法来确定其父节点内的子节点的索引，而不需要迭代和比较所有的子节点？例如， var child = document.getElementById('my_element'); var parent = child.parentNode; var childNodes = parent.childNodes; var count = childNodes.length; var child_index; for (var i = 0; i < count; ++i) { if (child === childNodes[i]) { child_index = i; break; } } 有没有更好的方法来确定孩子的指数？

Javascript数组长度在对象数组上不正确: 有人能解释这个（奇怪的）行为吗？为什么第一个例子中的长度是3而不是2，最重要的是为什么第二个例子中的长度是0？只要键是数字，长度的作品。当它们不是时，长度是0.我怎样才能从第二个例子得到正确的长度？谢谢。 a = []; a["1"] = {"string1":"string","string2":"string"}; a["2"] = {"string1":"string","string2":"string"}; alert(a.length); // returns 3 b = []; b["key1"] = {"string1":"string","string2":"string"}; b["key2"] = {"string1":"string","string2":"string"}; alert(b.length); // returns 0

在D3力定向布局中修复节点位置: 我希望我的强制布局中的一些节点能够忽略这个力，并且根据这个节点的属性保持在固定的位置上，同时仍然能够被拖拽并且排斥其他节点并保持它们的连接线。我认为这将是如此简单： force.on("tick", function() { vis.selectAll("g.node") .attr("transform", function(d) { return (d.someAttribute == true) ? "translate(" + d.xcoordFromAttribute + "," + d.ycoordFromAttribute +")" : "translate(" + dx + "," + dy + ")" }); }); 我也尝试过手动设置节点的x和y属性，但是如果节点受到这个力的影响，链接将继续浮动到节点所在的位置。很明显，我对这个应该如何工作有一个基本的误解，所以有人可能会指出我的一个例子，其中一些节点固定在他们的位置（但仍然可拖动），其余的节点都是围绕着类似于力的方向，所有的链接还在工作？