Tag: JavaScript

在javascript中获取设备宽度: 有没有办法获得用户设备的宽度，而不是视口的宽度，使用JavaScript？正如我所能说的，CSS媒体查询提供了这个function @media screen and (max-width:640px) { /* … */ } 和 @media screen and (max-device-width:960px) { /* … */ } 如果我以横向为目标定位智能手机，这很有用。例如，在iOS上，即使在iPhone 4上， max-width:640px的声明也将同时针对横向和纵向模式。就我所知，Android不是这种情况，所以在此实例中使用device-width成功地针对这两个方向，而不针对桌面设备。但是，如果我调用基于设备宽度的JavaScript绑定，我似乎仅限于testing视口宽度，这意味着一个额外的testing，如下所示， if ($(window).width() <= 960 && $(window).height <= 640) { /* … */ } 这似乎并不优雅，给出了设备宽度可用于CSS的提示。

我怎样才能听jQuery中的点击和按住？: 我希望能够在用户点击一个button时触发一个事件，然后持续点击1000到1500毫秒。有没有jQuery的核心function或插件已经启用了这个？我应该推出自己的？我应该从哪里开始？

在Chromedebugging器中编辑: 如何在Chromedebugging器中“dynamic”编辑JavaScript代码？这不适合我，所以我没有访问源文件。我想编辑代码，看看他们在页面上有什么效果，在这种情况下停止排队一堆animation。

JavaScript – 获取URLpath的一部分: 什么是正确的方式来拉出从JavaScript使用JavaScript的path？例：我有url http://www.somedomain.com/account/search?filter=a#top 但我只想得到这部分 /帐号/search 如果有任何可以利用的东西，我正在使用jQuery。

使用ng-class的AngularJS切换类: 我正在尝试使用ng-class切换元素ng-class <button class="btn"> <i ng-class="{(isAutoScroll()) ? 'icon-autoscroll' : 'icon-autoscroll-disabled'}"></i> </button> isAutoScroll（）： $scope.isAutoScroll = function() { $scope.autoScroll = ($scope.autoScroll) ? false : true; return $scope.autoScroll; } 基本上，如果$scope.autoScroll为true，我希望ng-class是icon-autoscroll ，如果它是false，我希望它是icon-autoscroll-disabled 我现在有什么不工作，并在控制台中产生这个错误 Error: Lexer Error: Unexpected next character at columns 18-18 [?] in expression [{(isAutoScroll()) ? 'icon-autoscroll' : 'icon-autoscroll-disabled'}]. 我如何正确地做到这一点？编辑解决scheme1 :(过时） <button class="btn" ng-click="autoScroll = !autoScroll"> <i […]

我如何使div元素可编辑（如点击它时，就像一个textarea）？: 这是我的代码： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta name="viewport" content="width=device-width, user-scalable=no"> </head> <body> <style type="text/css" media="screen"> </style> <!–<div id="map_canvas" style="width: 500px; height: 300px;background:blue;"></div>–> <div class=b style="width: 200px; height: 200px;background:pink;position:absolute;left:500px;top:100px;"></div> <script src="jquery-1.4.2.js" type="text/javascript"></script> <script src="jquery-ui-1.8rc3.custom.min.js" type="text/javascript"></script> <script type="text/javascript" charset="utf-8"> </script> </body> </html> 谢谢

多个JavaScript / css文件：最佳实践？: 我现在有大约7个Javascript文件（感谢各种jQuery插件）和4-5个CSS文件。我很好奇，处理这些问题的最佳做法是什么，包括文档中应该加载的地方？ YSlow告诉我，JavaScript文件应该尽可能包含在最后。身体的尽头？它提到的是分隔符似乎是他们写内容。我所有的Javascript文件都是函数和jQuery代码（全部在ready（））时完成，所以应该是OK的。那么我应该包括一个CSS和一个Javascript文件，并包含其余的？我应该把所有的文件连成一个吗？我应该把Javascript标签放在文档的最后？编辑： FWIW是的，这是PHP。

在引导弹窗内包含表单？: <div class="container"> <div class="row" style="padding-top: 240px;"> <a href="#" class="btn btn-large btn-primary" rel="popover" data-content="<form><input type="text"/></form>" data-placement="top" data-original-title="Fill in form">Open form</a> </div> </div> 的jsfiddle 我猜我会将表单内容存储在一个javascript函数中… 如何在自举popover中包含表单？