Tag: JavaScript

从网页卸载CSS

我想知道如何从一个页面卸载一个CSS。 例如在我的页面中,我包含一个名为a.css的文件。 现在我想要用户能够改变主题,这是CSS驱动的,因此他/她应该能够卸载a.css,然后我可以加载b.css(否则他们会冲突) 任何想法如何去做呢?

你怎么能得到CSS像素/设备的像素比例?

我想findCSS像素和设备像素之间的比例。 编辑 :我应该已经意识到,这只是缩放级别。 我已经添加了关于缩放级别的规范引用的答案 。 CSS像素是我们用于几乎所有的单位 – 这是什么element.style.width,element.clientWidth,element.offsetWidth等。 设备像素是浏览器实际绘制的像素。 在设备像素中测量了一些属性,例如window.screen.width,这是用户放大时不会改变的屏幕尺寸(例如1024)。 动机:当用户放大时,我想增加一个canvas的宽度和高度(同时保持style.width和style.height具有相同的CSS像素值),scale()上下文,并在较高级的canvas上重绘。 我在Surfin的Safari上看过Quirksmode的两个视口和高DPI的 故事 ,但他们都没有说如何得到这个比例。 到目前为止,我唯一的想法是收集mousemoves并测量event.clientX的变化除以event.screenX的变化,或以编程方式使用moz–min-device-pixel-ratio创build媒体查询,使用getComputedStyle()来testing规则是否匹配,并用二分search进行缩小。 我希望有一个更简单/更可靠的方法。 编辑 :我试过用Chrome,Safari和Firefox 4使用@media (-webkit-min-device-pixel-ratio:1)查询,显然Webkit将这个属性当作一个常量设备像素来屏蔽像素比例不会随着缩放而改变),而Firefox 4将其视为设备像素与CSS像素比率(放大时会增加)。 因此,在Firefox 4中,我可以使用二进制search来发现CSS像素/设备像素比例,但不能使用Webkit。

如何使用jquery将html加载到variables中

我知道我可以在HTML中加载到一个div与: $("#my_div").load("http://www.mypage.com"); 但我想要做的是加载HTML到一个variables,如: my_var = load("http://www.mypage.com"); 任何帮助是伟大的。 我想循环一些项目,如: HLS.functions.LoadSideModules = function() { HLS.sideModuleContent = new Object(); for(var i = 0; i < HLS.currentModuleConfig.POLICIES.POLICY.length; i++) { for(var y = 0; y < HLS.currentModuleConfig.POLICIES.POLICY[i].PAGES.PAGE.length; y++) { for(var POS in HLS.currentModuleConfig.POLICIES.POLICY[i].PAGES.PAGE[y]) { var item = HLS.currentModuleConfig.POLICIES.POLICY[i].PAGES.PAGE[y][POS]; if(!HLS.sideModuleContent[item]) { HLS.sideModuleContent[item] = j.get(HLS.config.K2GETMODULE + HLS.currentModuleConfig.POLICIES.POLICY[i].PAGES.PAGE[y][POS]); } } } } };

如何在Chrome中实现抓取光标图标?

我知道可以在Chrome中使用抓取光标图标(当然是在Gmail中),但我无法弄清楚如何在我的代码中实现它。 我试过(在CSS中): body { cursor: grab; } body { cursor: -webkit-grab; } body { cursor: url(../../../mozilla/testcase/css3cursors_files/grab.gif); }

angular度js未知提供者错误angular-animate

在删除bower_components并清理caching后,我使用bower install重新安装了依赖项。 应用程序未能加载以下错误未捕获的错误:[$ injector:unpr]未知提供者:$$ forceReflowProvider < – $$ forceReflow < – $$ animateQueue < – $ animate < – $ compile < – $$ animateQueue 这是我的bower.json { "name": "angular-zolo", "version": "0.0.0", "dependencies": { "angular": "1.4.3", "json3": "~3.3.1", "es5-shim": "~3.0.1", "bootstrap-sass-official": "~3.1.1", "bootstrap": "~3.1.1", "angular-resource": ">=1.2.*", "angular-cookies": ">=1.2.*", "angular-sanitize": ">=1.2.*", "angular-bootstrap": "~0.11.0", "font-awesome": ">=4.1.0", "lodash": "~2.4.1", […]

JS:当子窗口closures时收听

我正在打开这个分享facebook的子窗口: window.open(sharingUrl,'','toolbar=0,status=0,width=626,height=436'); 当用户点击共享或closures时,窗口会自动closures…有没有办法给这些事件添加一个监听器?

我如何检测jQuery的窗口大小?

如何使用jQuery(如Gmail)检测窗口/浏览器大小? 在Gmail中,只要在窗口设置中更改了窗口分辨率,我们不需要刷新或重新加载当前页面? 在我的项目中,一旦窗口设置被更改,我需要刷新浏览器。 任何想法将不胜感激。

范围。$ watch在一个指令中没有被AJAX请求调用

我有以下指令: MyApp.directive('myFilter', ['$filter','$rootScope', function($filter, $rootScope) { var dir = {}; dir.restrict = 'E'; dir.templateUrl = 'views/myFilter.html'; dir.replace = true; dir.scope = { name: '@', model: '=', }; dir.link = function(scope,el,attrs) { //stuff here } return dir; }]); 以下是我如何调用它: <my-filter model="someField" name="abcd" /> 当指令someField , someField是空的。 稍后,它通过ajax被检索,并且它的值被填充。 问题是,我怎么看待someField的值更新? 当我从链接方法做到这一点时: scope.$watch(scope.model, function() { console.log( "changed, new val: […]

如何使用JQuery迭代表行,并访问一些单元格值?

<table class="checkout itemsOverview"> <tr class="item"> <td>GR-10 Senderos</td> <td><span class="value">15.00</span> €</td> <td><input type="text" value="1" maxlength="2" class="quantity" /></td> </tr> <tr class="item"> <td>GR-10 Senderos<br/>GR-66 Camino de la Hermandad<br/>GR 88 Senderos del Jarama<br/>Camino del Cid</td> <td><span class="value">45.00</span> €</td> <td><input type="text" class="quantity" value="1" maxlength="2"/></td> </tr> </table> 我正在尝试下一个代码来获取每个项目的数量和数量。 $("tr.item").each(function(i, tr) { var value = $(tr + " span.value").html(); var quantity = […]

我无法用“!重要”规则注入样式

我试图用这个代码注入一个样式: document.body.style.color='green!important'; 根据CSS级联引用 ,通过应用!important规则,我可以胜过起源和特异性。 我试图用Firefox Firebug注入到www.google.com,但是没有运气。 如何用!important规则注入前景色?