Tag: JavaScript

如何在angularjs指令中要求一个控制器

任何人都可以告诉我如何在另一个angularJS指令中包含来自一个指令的控制器。 例如我有以下代码 var app = angular.module('shop', []). config(['$routeProvider', function ($routeProvider) { $routeProvider.when('/', { templateUrl: '/js/partials/home.html' }) .when('/products', { controller: 'ProductsController', templateUrl: '/js/partials/products.html' }) .when('/products/:productId', { controller: 'ProductController', templateUrl: '/js/partials/product.html' }); }]); app.directive('mainCtrl', function () { return { controller: function ($scope) {} }; }); app.directive('addProduct', function () { return { restrict: 'C', require: '^mainCtrl', link: function […]

使用JQueryhover与HTML图像映射

我有一个复杂的背景图片,有很多需要滚动插图突出显示的小区域,以及其他文本显示和相关链接。 最后的图解使用Z-index叠加了几张带有透明度的静态图像,高亮翻转插图需要在中间的“三明治”层之一中显示,以达到所需的效果。 经过一些不成功的块摆弄,我决定这可能是一个古老的图像地图。 我制作了一张带有四个几何形状轮廓的电路图testing图,并用png翻转“填充”了它们。 这个想法是将图像映射与底部背景层关联起来,用css {visibility:hidden}初始化所有的翻转,并使用Jquery的hover方法使它们可见,并在单独的div中显示相关的文本。 单独的文本函数是为什么我不用这个:hover伪类而不是jQueryhover。 因为我正在使用图像映射,所以我将所有翻转png(具有透明背景)的大小设置为整个容器,以便精确放置,因此所有内容都精确排列。 我得到的作品…不是真的! 图像映射正确映射以仅激活几何区域。 但是,每个翻转区域的href只能间歇地工作,而使用jQuery的hover与CSS的可见性是搞砸了。 期望的行为是滚动到该区域将简单的形状。 实际上发生的事情是,形状内部的任何运动都会在可见和隐藏之间快速切换; 当光标在形状内停止时,它可能是可见的,也可能不是。 任何想法赞赏! 样本hover设置(我将最终使用真正的翻转数组,相关的链接和文本): $('#triangle').hover( function() { $('#ID_triangle').css({'visibility' : 'visible'}); }, function() { $('#ID_triangle').css({'visibility' : 'hidden'}); } ) 图片地图: <div id="container"> <img src="images/testMap_w.png" width="800" height="220" alt="TestMap W" usemap="#testMap"> <map name="testMap"> <area shape="polygon" coords="20,20,106,20,106,106,20,106" href="http://www.stackoverflow.com" id="box" /> <area shape="polygon" coords="216,50,339,50,277,156" href="http://www.google.com" id="triangle" /> <area […]

如何在JavaScript中初始化数组的长度?

我读过的大多数JavaScript教程(包括w3schools和devguru )都表明,你可以通过使用var test = new Array(4);将一个整数传递给Array构造函数来初始化一个具有一定长度的数组var test = new Array(4); 句法。 在我的js文件中使用这个语法后,我通过jsLint运行了一个文件,它吓坏了: 错误:第1行字符22的问题:预期')',而是看到'4'。 var test = new Array(4); 第1行字符23的问题:预期';' 而是看到')'。 var test = new Array(4); 第1行字符23:预期标识符,而是看到')'。 通过阅读jsLint对其行为的解释 ,看起来jsLint并不喜欢new Array()语法,而是在声明数组时更喜欢[] 。 所以我有几个问题。 首先,为什么? 我是否使用new Array()语法来运行任何风险? 是否有浏览器不兼容,我应该知道? 其次,如果我切换到方括号的语法,是否有任何方式来声明一个数组,并将其长度全部在一行,或者我必须做这样的事情: var test = []; test.length = 4;

如何用jQuerysearchJSON树

我有一个关于searchJSON的具体信息的问题。 例如,我有这个JSON文件: { "people": { "person": [ { "name": "Peter", "age": 43, "sex": "male" }, { "name": "Zara", "age": 65, "sex": "female" } ] } } 我的问题是,如何find一个特定的人的名字,并显示该人的年龄与jQuery? 例如,我想为一个叫Peter的人来searchJSON,当我find一个匹配的时候,我想显示关于这个匹配的其他信息(关于在这种情况下命名为Peter的人),比如人的年龄。

我如何正确检测在iOS中使用JavaScript和Phonegap的方向变化?

我在下面find了这个定位testing代码来寻找JQTouch参考资料。 这在移动safari的IOS模拟器中正常工作,但在Phonegap中不能正确处理。 我的项目遇到了同样的问题,正在杀死这个testing页面。 有没有办法在Phonegap中使用javascript来感知方向变化? 任何帮助,将不胜感激。 window.onorientationchange = function() { /*window.orientation returns a value that indicates whether iPhone is in portrait mode, landscape mode with the screen turned to the left, or landscape mode with the screen turned to the right. */ var orientation = window.orientation; switch(orientation) { case 0: /* If in portrait mode, sets […]

双击后防止文本select

我正在处理我的Web应用程序中的跨度的dblclick事件。 副作用是双击select页面上的文本。 我怎样才能防止这种select发生?

Angularjs – ng-cloak / ng-show元素闪烁

我在angular.js中使用了指令/类ng-cloak或ng-show 。 Chrome工作正常,但是Firefox使用ng-cloak或者ng-show引起了闪烁的元素。 恕我直言,这是由ng-cloak / ng-show为style="display: none;" ,可能Firefox的JavaScript编译器有点慢,所以元素出现一段时间,然后隐藏? 例: <ul ng-show="foo != null" ng-cloak>..</ul>

使用jQuery获取类名

我想要使​​用jQuery获取类名 如果它有一个ID <div class="myclass"></div>

什么是扩展JavaScript错误的好方法?

我想扔我的JS代码中的一些东西,我希望他们成为instanceof错误,但我也想让他们成为别的东西。 在Python中,通常,子类是Exception。 在JS中做什么是合适的?

为什么返回生成的HTML而不是JSON是不好的做法? 还是呢?

使用JQuery或任何其他类似框架从您的自定义URL / Web服务加载HTML内容是相当容易的。 我已经多次使用这种方法,直到现在,发现性能令人满意。 但所有的书籍,所有的专家都试图让我使用JSON而不是生成的HTML。 它比HTML好得多吗? 速度非常快吗? 它在服务器上的负载是否非常低? 另一方面,我有一些使用生成的HTML的原因。 这是简单的标记,并且通常与JSON一样紧凑或者实际上更紧凑。 这是不太容易出错,因为你得到的是标记,没有代码。 在大多数情况下编程会更快,因为您不必为客户端单独编写代码。 你在哪边?为什么?