Tag: javascript

ReferenceError：在Firefox中未定义事件

我正在使用这个function： $(“#tooltip”).animate({ left: event.clientX, top: event.clientY }); 它在Chrome和IE上工作但在Firefox中我收到此错误： ReferenceError: event is not defined $(“#tooltip”).animate({ left: event.clientX, top: event.clientY }); 我怎么解决这个问题？

如何通过AJAX / jQuery进行OAuth身份validation？

我已经使用了Twitter web API，我知道它适用于OAuth，我使用python库消耗了API。 我还尝试了一些使用Java Script小型库的Instagram API。 我知道那些在后台执行Web REST请求，首先进行身份validation，然后在编码时查询请求。 但是，如果我想使用Web应用程序中的jQuery $.ajax执行requets，该怎么办？ 我已经阅读了一些文档和网站，似乎这是可能的。 就像只对ajaxing API路由一样，从认证路由开始。 但是，这个过程如何运作？ 我的意思是，我通过AJAX查询auth路由，然后如何跟踪该身份validation。 如何保持沟通 ？ 重定向url会发挥作用吗？ 阅读本网站的Instagram API我开始了解它，但得到了上面提到的疑虑。 我想在Java脚本服务器后台执行所有AJAX请求（我正在使用node.js ），假设我将在$.ajax提供我的应用程序OAuth。 可以，或者我可以在客户端站点上实际编码，保持我的OAuth令牌保存？ 并且，如果它关注同一个问题，那么当谈到字节 （图片，声音等）时，如何从API中捕获响应。

Reveal Modal中的Google Map API未完全显示

我在div中有一个谷歌地图有问题，按钮点击后会弹出屏幕。 谷歌地图只是部分显示。 我知道我需要创建一个resize事件，但不知道如何或放在哪里。 任何帮助将非常感激！ 请记住，我对JS知之甚少！ 链接到测试网站：点击谷歌地图按钮，看看手上的问题： http://simplicitdesignanddevelopment.com/Fannie%20E%20Zurb/foundation/contact_us.html# 我的Google API脚本： function initialize() { var mapOptions = { center: new google.maps.LatLng(39.739318, -89.266507), zoom: 5, mapTypeId: google.maps.MapTypeId.ROADMAP }; var map = new google.maps.Map(document.getElementById(“map_canvas”), mapOptions); } 包含地图的div： How to get here × 单击按钮时调用地图的脚本： $(document).ready(function() { $(‘#myModal1’).click(function() { $(‘#myModal’).reveal(); }); });

在jquery中缓存时，ID选择器比类选择器更快

我知道ID是一个比Javascript中的类更快的选择器。 但是如果我缓存选择器呢？ 当缓存选择器时，如果它是类选择器，它的速度是否会不同，或者它是否与id选择器一样快？ 例： var $myclass = $(‘.myclass’); var $myid = $(‘#myid’); $ myid会比$ myclass快吗？

如何使用JavaScript添加jQuery？

我试图有条件地将jQuery包含在HTML页面中。 如果它还不存在，只需要添加它。 我在我的body标签顶部附近使用以下代码来注入一个包含头部jQuery库的脚本标记。 if (typeof jQuery === ‘undefined’) { alert(‘now adding jquery’); var head = document.getElementsByTagName(“head”)[0]; script = document.createElement(‘script’); script.type = ‘text/javascript’; script.src = ‘https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js’; head.appendChild(script); if (typeof jQuery === ‘undefined’) { alert(‘jquery still not present :(‘); } } else { alert(‘jquery already present’); } 当我执行它时，我得到jQuery在添加后仍然不存在的消息。 脚本标记正确显示在已加载页面的源中。 尝试在我的页面中进一步使用jQuery，确认jQuery确实无法正常工作。 正如所料，Chrome的JavaScript控制台说’$ not defined’。 我怎样才能让它发挥作用？

在javascript中实现角度ng-repeat特征

我目前正在研究一种代码来实现像角度的ng-repeat。 基本上是html中的for循环。 代码使用类“loop”获取每个元素，并使用通过“info”属性给出的信息对其进行处理。 这是代码：HTML -i- 使用Javascript $(“.loop”).each(function(i){ var loop_info=$(this).attr(“data-info”); var fin=loop_info.match(/(.*) in (\d+) to (\d+)/); var variable=fin[1], initial=fin[2], final=fin[3]; var htm=$(this).html(),printed=””; for(j=initial;j<=final;j++){ var temp=htm; var r=new RegExp("-("+variable+")-","g") temp=temp.replace(r,j); printed+=temp; } $(this).html(printed); }); 现在我还包括用数字替换 – 变量的function。 一切都很完美，但是当循环嵌套时，即 -j- 它不适用于嵌套循环，即-j-不会被数字替换。 我不知道为什么会这样，任何帮助都表示赞赏。

从内部获取函数名称

假设我有一个function： function test1() { } 我想从内部返回“test1”。 我发现你可以做arguments.callee ，这将返回整个函数，然后做一些丑陋的正则表达式。 有更好的方法吗？ 命名空间函数怎么样？ 是否有可能获得他们的名字：例如： var test2 = { foo: function() { } }; 我想从内部返回foo这个例子。 更新：对于arguments.callee.name Chrome返回空白，IE9返回undefined。 它不适用于范围函数。

覆盖“this”变量问题或如何调用成员函数？

我有这个类，我使用jQuery和Prototype的组合： var MyClass = Class.create({ initElements: function(sumEl) { this.sumEl = sumEl; sumEl.keyup(this.updateSumHandler); }, updateSumHandler: function(event) { // Throws error here: “this.updateSum is not a function” this.updateSum(); }, updateSum: function() { // does something here } }); 我怎么能调用this.updateSum()呢？

如何限制在JQGRID中的Header Select All事件中选择的特定行

使用jqGrid我已通过以下事件禁用复选框列上的行选择： beforeSelectRow: function (rowid, e) { var $myGrid = $(this), i = $.jgrid.getCellIndex($(e.target).closest(‘td’)[0]), cm = $myGrid.jqGrid(‘getGridParam’, ‘colModel’); var rowData = $grid.getRowData(rowid); var $isSelectable = true; if (rowData != null) { if (rowData.Status == -1) // Row selection depends on ‘Status’ property row data ( -1 : not selectable else selectable) $isSelectable = false; } return […]

在同一个div中显示/隐藏两个元素

我遇到一个问题，在同一个div中打开一个元素而另一个元素关闭。 我似乎创建了一个应该这样做的对象，当我点击它时，它隐藏了整个div，而不是打开一个元素，一个关闭。 我需要添加什么才能使其工作？ CSS #test1 { width:804px; margin-left:auto; margin-right:auto; height:250px; float:left; overflow:hidden; display:none; } #test2 { width:804px; margin-left:auto; margin-right:auto; height:250px; float:left; overflow:hidden; display:block; } .mydiv { } #test { width:804px; margin-left:auto; margin-right:auto; height:250px; float:left; overflow:hidden; } #labor{ float:left; width:38px; height:125px; } #odc { float:left; width:32px; height:125px; } HTML 希望这是更好看的。