Tag: jQuery的

Google地图是否足够智能,以避免在当前未显示的位置添加标记?

在我的app / site中,我开始展示连续的USA,但允许用户从下拉列表(选择小部件)中选择一个州(或返回USA48,或选择USA50 +): USA (48) USA (50+) Alabama . . . Wyoming 我还允许用户根据他们制作的复选框选择显示各种类别的标记。 这些标记放置在“扩展美国”的任何地方(包括美属萨摩亚,干燥的Tortugas等)。 当他们选择一个州,比如阿拉巴马州时,我首先需要“无效”地图数据,就像这样(“removeData”行是我在这里引用的关键): function LoadAlabama() { $(“#map”).removeData(); $(“#map”).goMap({ latitude: 32.806673, longitude: -86.791133, zoom: 8 }); ReloadMarkers(); } 但是,我不想加载所有标记,因为它们不可见(我只需要一个州首都标记,而不是50;我只需要一个NFL团队标记,而不是32等)。 Google地图是否足够智能,可以忽略在当前显示的地图之外的位置放置标记的请求? 注意:ReloadMarkers()方法显示或隐藏标记组,如下所示: function ReloadMarkers() { if ($(‘#NFLCheckbox’).is(‘:checked’)) { $.goMap.showHideMarkerByGroup(‘NFLGroup’, true) } else { $.goMap.showHideMarkerByGroup(‘NFLGroup’, false) } . . . } 我可以编写代码来考虑显示的区域,然后过滤掉那些超出显示内容的经度/纬度范围的标记(基于它的中心纬度/长度和地图的缩放值),但我会如果谷歌地图足够聪明,我可以满足(温和地说)。 是吗?

Access-Control-Allow-Origin不允许获取 – > Origin *

我正在制作一个非常简单的Chrome扩展程序,将http协议上的页面重定向到https协议(如果存在)。 我正在调试,我找到了facebook,http和https都有。 代码在这里: function redirect() { chrome.tabs.query({active: true}, function(tabArray) { var currentURL = tabArray[0].url; //http://facebook.com var httpsURL = generateSSL(currentURL); //https://facebook.com if(httpsURL == currentURL){ console.log(currentURL+” is already on HTTPS”); chrome.browserAction.setIcon({path:”../images/padlock_green.png”}); } else if(checkSSL(httpsURL)){ chrome.tabs.update(tabArray[0].id, {url: httpsURL}); chrome.browserAction.setIcon({path:”../images/padlock_green.png”}); chrome.browserAction.setBadgeText({text:”SSL”}); console.log(“SSL found,”+currentURL+” redirected to”+httpsURL); } else { //donothing console.log(currentURL+” has no SSL”); chrome.browserAction.setIcon({path:”../images/padlock_red.png”}); } }); } ajax电话: function […]

等待异步结果

我厌倦了以下问题: 我使用facebook函数FB.api()在Facebooks API中查询某些权限。 我想在继续进行一些测试之前等待结果。我的目标是创建一个小助手类来调用这个类经常使用的函数: var fbHelper = { hasPermission: function(permission) { var hasPermission = false; var requestedPermissions = false; var permissions = { }; FB.api(‘/me/permissions’, function(response){ permissions = response; requestedPermissions = true; return response; }); if(permissions){ // make some checking stuff here return hasPermission; } else { console.log(‘failed to /me/permissions’); return false; } } } […]

如何通过条件检查单击复选框删除所选行

我试图删除检查条件的行,如果选择输入字段值为0(有一个输入字段),则只删除行。 请告诉我问题在哪里。 即使输入字段为0,也会删除所选行。 var purchased = $(“.purchased input”); /*remove selected item start*/ $(‘.removeselected’).on(‘click’, function(){ var checkedstatus = $(“.checker input:checked”); $(‘.checker’).each(function() { if((checkedstatus) && (purchased.val() == 0)){ console.log(“Varified”); checkedstatus.parents(“.renderedItem”).remove(); }else{ console.log(“not varified”); } }); }); /*remove selected item end*/

jQuery禁用链接的启用事件处理程序

这是代码: http : //jsfiddle.net/4WyPq/ 所以基本上当我点击’button1’它动画然后禁用按钮,之后我需要按下button2并启用’button1’事件,所以我再次按’button1’它应该做同样的事件。

jQuery FlexSlider – 链接到特定图像

在另一篇文章中( jQuery FlexSlider隐藏Slider但保留了Manual Controls的可见性 ),用户LJ902回答了如何链接到Flexslider中的特定图像。 并且它完美地工作,但仅当链接与图像位于同一页面时。 我想要的是:在首页上,有一堆图像微缩模型..当你点击其中一个时,你会进入一个新的页面,其中包含Flexslider中显示的alle图像,并且选择的是用户选择的图像在头版。 这是链接和图像的代码。 注意链接中的“rel”: slide link 1 slide link 2 slide link 3 Captions and cupcakes. Winning combination. This image is wrapped in a link! 这是脚本: jQuery(document).ready(function($) { $(‘.flexslider’).flexslider({ animation: “slide”, slideshow: false, animationLoop: false, directionNav: true, slideToStart: 0, start: function(slider) { $(‘a.slide_thumb’).click(function() { $(‘.flexslider’).show(); var slideTo = $(this).attr(“rel”)//Grab rel […]

使用jQuery淡入网页

我想做什么: #leftSide #rightSide (display:none) _______________ _______________________________________________ | | | | category | | | -link | | | -link | | | | | | category | | | -link | | | -link | | | | content | | | | | | | | | | | | | | | | […]

什么是更好的:数据还是attr?

什么是更好的? var itemId=8; $(‘#aaa’).data(‘ItemId’, itemId); $(‘#aaa’).attr(‘ItemId’, itemId); 数据还是attr?

需要用于无限滚动jquery的小逻辑

我想在用户将滚动条拖动到rhw end时加载数据。 基本上,当滚动条非常接近div或页面的末尾时,在触摸div的末尾或页面之前我想要加载数据。 我在这里检测滚动条到达div或页面末尾的逻辑如下: 第一个是页面结束 $(window).scroll(function() { if($(window).scrollTop() + $(window).height() == $(document).height()) { var new_div = ”; $(‘.main_content’).append(new_div.load(‘/path/to/script.php’)); } }); 第二个是转移 $(‘.some_element’).bind(‘scroll’, function(){ if($(this).scrollTop() + $(this).innerHeight() >= $(this)[0].scrollHeight){ var new_div = ”; $(‘.main_content’).append(new_div.load(‘/path/to/script.php’)); } }); 所以,我需要修改上面的代码,使我的例程能够在滚动条到达页面或div结尾之前调用吗?

jquery模式对话框不适用于modal:true

不知道我在这里做错了什么。 只是想让它成为一个modal dialog(使页面内容变暗)。 我认为它就像modal:true一样简单modal:true 。 单击图像时会出现一个对话框,但不会使页面内容变暗。 A comment $(function() { $(‘.dialogplease’).dialog(); //init dialog $(‘.dialogplease’).dialog(‘close’); //don’t show dialog yet $(‘.helpdetails’).click(function(e) { $(‘.dialogplease’).dialog(‘open’)({ modal: true }); }); });