Tag: JavaScript

Google MAP API v3:中心和缩放显示的标记

我使用下面的代码在我的地图上设置标记: var latLngs = [] $.each(locations.markers, function(i, m){ var myLatLng = new google.maps.LatLng(m.latitude, m.longitude); latLngs[i] = myLatLng var marker = new google.maps.Marker({ position: myLatLng, map: map, shadow: shadow, icon: image, shape: shape, title: m.city, zIndex: i }); }) 标记显示在我的地图上。 现在我想在这些标记上居中放大地图。 我怎样才能做到这一点? 我努力了: map.fitBounds(getBoundsForLatLngs(latLngs)); latLngs的console.log给出了: [(46.793182, 7.146903) { b=46.793182, more…}, (46.8077779, 7.1709386) { b=46.8077779, more…}] 但它似乎并没有工作,我没有在控制台中的错误。 […]

等待多个asynchronous调用完成后再继续

所以,我有一个页面加载并通过jquery.get做出几个请求来填充下拉列表的值。 $(function() { LoadCategories($('#Category')); LoadPositions($('#Position')); LoadDepartments($('#Department')); LoadContact(); }; 然后调用LoadContact(); 哪一个做了另一个调用,当它返回时,它填充表单上的所有字段。 问题是,往往下拉不是全部填充,因此,它不能将它们设置为正确的值。 我需要做的是以某种方式使LoadContact只在其他方法完成且callback完成后才执行。 但是,我不希望在调用LoadContact()之前把一堆标志放在下拉群体callback的最后,然后我再检查,并且必须有一个recursionsetTimeout调用检查。 jQuery中有什么让我说:“当所有这些都完成后执行这个。”? 更多信息我正在思考这方面的事情 $().executeAfter( function () { // When these are done LoadCategories($('#Category')); LoadPositions($('#Position')); LoadDepartments($('#Department')); }, LoadContact // Do this ); …需要跟踪方法执行过程中发生的ajax调用,当它们全部完成时,调用LoadContact; 如果我知道如何拦截正在使用该function的Ajax,我可以写一个jQuery扩展来完成这个function。 我的解决scheme ;(function($) { $.fn.executeAfter = function(methods, callback) { var stack = []; var trackAjaxSend = function(event, XMLHttpRequest, ajaxOptions) { var […]

如何在JavaScript中设置时间延迟

我在网站上有一段js来切换图片,但是当您再次点击图片时需要延迟。 延迟应该是1000ms。 所以你会点击img.jpg然后img_onclick.jpg会出现。 然后点击img_onclick.jpg图像,然后在再次显示img.jpg之前有1000毫秒的延迟。 这里是代码: jQuery(document).ready(function($) { $(".toggle-container").hide(); $(".trigger").toggle(function () { $(this).addClass("active"); $(".trigger").find('img').prop('src', 'http://localhost:8888http://img.dovov.comimg_onclick.jpg'); }, function () { $(this).removeClass("active"); $(".trigger").find('img').prop('src', 'http://localhost:8888http://img.dovov.comimg.jpg'); }); $(".trigger").click(function () { $(this).next(".toggle-container").slideToggle(); }); });

jQuery多个IDselect器

这里是我的代码的开始片段: var myUpload = $("#upload_link").upload({bla bla bla 基本上我想要做的是与几个不同的ID进行相同的调用… 我会认为这将工作,但它不: var myUpload = $("#upload_link,#upload_link2,#upload_link3").upload({ 有任何想法吗?

未捕获的ReferenceError:jQuery没有定义

我在我的网站上实现了一些JavaScript,但我不断收到以下错误消息: 未捕获的ReferenceError:未定义jQuery 和 未捕获的SyntaxError:意外的标记< 这是我在header.php中使用的JavaScript: <script type="text/javascript" src="/test/wp-content/themes/child/script/jquery.jcarousel.min.js"></script> <script type="text/javascript" src="/test/wp-content/themes/child/script/jquery.scrollTo.js"></script> <script type="text/javascript" src="/test/wp-content/themes/child/script/jquery.backgroundPosition.js"></script> <script type="text/javascript" src="/test/wp-content/themes/child/script/scripts.js"></script> <script type="text/javascript" src="/test/wp-content/themes/child/script/jquery.cycle.lite.js"></script> <script type="text/javascript" src="/test/wp-content/themes/child/script/jquery.accordian.js"></script> <script type="text/javascript"> jQuery(document).ready(function () { jQuery('#contentGallery').cycle({ fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc… }); }); </script> </head> <body <?php body_class(); ?>> <div id="page" class="hfeed"> <header id="branding" role="banner"> […]

如何快速清除Javascript对象?

使用Javascript数组,我可以使用一个赋值将它重置为空状态: array.length = 0; 这使得数组“显现”是空的,可以重复使用,据我所知,这是一个单一的“操作”,即恒定的时间。 有没有类似的方法来清除JS对象? 我知道我可以迭代它的字段删除它们: for (var prop in obj) { if (obj.hasOwnProperty(prop)) { delete obj[prop]; } } 但是这具有线性复杂性。 我也可以扔掉这个物体并创build一个新的物体: obj = {}; 但是,“混杂”创build新对象导致IE6上的垃圾收集问题。 ( 如这里所述 )

使用jQuery将HTML页面dynamic加载到div中

我试图做到这一点,当我点击一个HTML页面中的链接,它dynamic加载请求的页面到一个与jQuery的div。 我怎样才能做到这一点? <html> <head> <script type="text/javascript"> // what can I do for load any url clicked? </script> </head> <body> <div id="content"></div> <a href="page1.html">Page 1</a><br /> <a href="page2.html">Page 2</a><br /> <a href="page3.html">Page 3</a><br /> <a href="page4.html">Page 4</a><br /> <a href="page5.html">Page 5</a><br /> <a href="page6.html">Page 6</a><br /> </body> </html>

客户端/ JS框架的“未保存的数据”保护?

我们有一个典型的Web应用程序,实质上是一个数据input应用程序,有很多的屏幕,其中一些有一定程度的复杂性。 我们需要提供这样的标准function,以确保用户在浏览或closures浏览器之前忘记点击“保存”button,他们会得到一个警告,并可以取消(但只有当有未保存或脏的数据)。 我知道我必须做的事情的基础知识 – 事实上,我相信这些年来,我已经完成了所有工作(配合onbeforeunload,跟踪页面的“脏”状态等等)。 ),但是在我开始编写这个版本之前,有没有人对已经在那里(免费或其他)的图书馆有一些帮助?

Rails 3.1和Coffeescript“找不到variables”错误

我在我的应用程序的意见,引用我的application.js文件,其中包含我在我的应用程序中使用的函数。 我刚刚安装了3.1版本的Rails 3.1版本后, 直到我安装了RC,我没有任何问题,但现在我得到这个错误: ReferenceError:找不到variables:indicator_tag indicator_tag是我在application.js中定义的一个函数。 我注意到在JavaScript文件中唯一的区别是,现在我的所有function都被封装在: (function() { … }).call(this); 我明白这是为了variables范围? 但是,它可以防止我的网页使用这些variables? 而之前有人问,我已经确保在我的包含标签的JavaScriptpath是正确的。

Facebook:不安全的JavaScript问题(document.domain值应该是相同的)

我是一个基于canvas的FB应用程序。 面对Chrome和Firefox的问题(尽pipe通常是Chrome): 1.当我在新的隐身Chrome浏览器窗口( https://apps.facebook.com/myfbappnamespace/ )上打开我的批准的fb应用安全url时,下面的错误只是第一次,而当我刷新页面错误已经走了(大部分时间) 在about:blank页面显示来自http://static.ak.facebook.com/connect/xd_arbiter.php?version=18#cb=f2e4fe7b … os.com%2Ff4aeadb2&domain = www.mydomain.com&relation = parent&error =未知用户。 不安全的JavaScript尝试访问来自带有URL的框架的URL http://www.mydomain.com/control/myfacebookapp/ http://static.ak.facebook.com/connect/xd_arbiter.php?version=18#cb= f2e4fe7b … os.com%2Ff4aeadb2&domain = www.mydomain.com&relation = parent&error = unknown_user。 请求访问的框架将“document.domain”设置为“facebook.com”,但是访问的框架没有。 两者都必须将“document.domain”设置为相同的值以允许访问。 xd_arbiter.php:18 不安全的JavaScript尝试访问来自带有URL的框架的URL http://www.mydomain.com/control/myfacebookapp/ http://static.ak.facebook.com/connect/xd_arbiter.php?version=18#cb= f2e4fe7b … os.com%2Ff4aeadb2&domain = www.mydomain.com&relation = parent&error = unknown_user。 请求访问的框架将“document.domain”设置为“facebook.com”,但是被访问的框架没有。 两者都必须将“document.domain”设置为相同的值以允许访问。 xd_arbiter.php:18 2.当我尝试http url( http://apps.facebook.com/myfbappnamespace/ )时,控制台显示的错误是: 不安全的JavaScript尝试从URL http://apps.facebook.com/myfbappnamespace/从具有URL的帧访问帧https://s-static.ak.facebook.com/connect/xd_arbiter.php?version=18#channel= … F控制%2Ffacebookappchannelurl%3Ffb_xd_fragment%23xd_sig%3Df23e84e85c%26。 请求访问的帧具有“https”的协议,被访问的帧具有“http”的协议。 协议必须匹配。 现在,当我login到我的fb帐户,看看这些错误发生了什么,他们走了,有时只是有时。 我知道我在查询中使用“大部分时间”和“有时”,但这正是我所遇到的情况。 […]