Tag: jQuery的

如何在jQuery中检测两个元素的mouseout?

试着在这里制作一个简单的jquery,这是我的代码到目前为止: HTML: Cats Tigers Lions Leopards Dogs Wolves Dingos Dholes CSS: ul#nav { border: 1px solid #ccc; overflow: hidden; background: #eee; padding: 0; } ul#nav li { display: block; float: left; border-right: 1px solid #ccc; padding: 10px 20px; } ul#nav li ul { display: none; border: 1px solid #ccc; overflow: hidden; position: absolute; background: #eee; […]

如何从带有url的网页上阅读Open Graph和meta标签

我希望我的网站能够在用户将链接粘贴到邮箱时提取有关网页的信息,类似于Facebook。 我想知道Google,Reddit和Facebook这样的网站如何能够只用URL检索缩略图,标题和描述。 谁知道他们是怎么做到的?

jQuery Chaining国家/州选择OptGroup

我有以下2个选择列表..我想隐藏State / Prov,直到所选的Country有相应的optgroup标签。 所以.. – 用户选择Alegeria ..没有显示状态选择.. – 用户选择美国或加拿大; “状态选择”仅显示optgroup标签与父名称匹配的值。 合理? 无法找到基于OptGroup的方法,而不必手动为每个子对象分配“类” — Please Select — Afghanistan Aland Islands United States Algeria Canada Andorra State or Province * — Please Select — Alaska Alabama Arkansas Arizona California Alberta British Columbia Manitoba

使用jQuery确定Android取消/返回滑动(从左向右滑动)

在Android上,不使用像Sencha或JQTouch或JQMobile这样的框架,而是使用jQuery(常规jQuery),我想检测取消/后退(从左到右滑动)。 到目前为止,我已经完成了一些工作,但我正在尝试确定在jQuery中实现的数学公式,以便捕获从左到右的滑动事件,而不是另一种手势。 你有什么建议? 我想我需要某种可接受的差异。 我假设某种微积分公式可以在这里重新应用,但不幸的是我在大学里避开微积分。 所以,你的答案将教育我,希望如此。 以下是一些示例x,y开始/结束数据: (a)从中间左上角向右上方滑动(在这种情况下是不合需要的手势) 21,269 – 278,85 (b)从中间左侧到右下角斜向滑动(在这种情况下是不合需要的手势) 13,269 – 331,436 (c)从中间左侧向右中间直线(一种)(一种理想的手势) 34,267 – 326,266 要么 36,494 – 355,479 var gnStartX = 0; var gnStartY = 0; var gnEndX = 0; var gnEndY = 0; window.addEventListener(‘touchstart’,function(event) { gnStartX = event.touches[0].pageX; gnStartY = event.touches[0].pageY; },false); window.addEventListener(‘touchmove’,function(event) { gnEndX = event.touches[0].pageX; gnEndY = […]

删除元素后的文本

我试图删除图标后面的文字。 xFrance $(‘.flagstrap-icon’).next().remove(); 问题是没有元素,next()将无法工作。 示例France 演示 有没有想过删除图标后的文字?

显示/隐藏多个div的更好方法是什么?

我有8个链接,所有这些都需要在点击时显示div。 我希望一次只显示1个div,因此当点击新链接时,当前显示的div将被隐藏并显示一个新的div。 到目前为止,我有一个jQuery解决方案,但它很难看。 有没有更简单/更正确的方法来实现我想要的? Click Link Click Link 2 Click Link 3 Click Link 4 Click Link 5 Click Link 6 Click Link 7 Click Link 8 Test Vid DivCLOSE Test Vid Div 2CLOSE 2 Test Vid Div 3CLOSE 3 Test Vid Div 4CLOSE 4 Test Vid Div 5CLOSE 5 Test Vid Div 6CLOSE 6 […]

使用JQuery在加载新页面时保持活动的子导航打开

我已经构建了一个侧边栏导航,在单击导航标题时会折叠和展开。 一切都很好。 但是,如果我展开/打开其中一个导航组并单击以转到页面,则当新页面加载所有导航组时,将再次关闭。 我很想找到一个让主动导航组保持开放的方法。 这是我用于崩溃/扩展的内容:(它目前设置为只有一个导航组一次打开) /* Collapse and Expand */ $(“.slideTitle”).click(function() { $(“.indexListOpen”).removeClass(“indexListOpen”).addClass(“indexList”); $(this).next().toggleClass(“indexList”).toggleClass(“indexListOpen”); }); 这就是我试图用来在新页面加载时保持当前导航组打开的内容: /* keep current nav group open */ var path = location.pathname; $(‘.indexListOpen a[@href$=”‘ + path + ‘”]’).addClass(“selected”); $(“.selected”).parent().parent().removeClass(“indexList”).addClass(“indexListOpen”); 不工作……所以我确定我做错了。 我正在处理的页面位于instarservices.com/commercial 任何帮助表示赞赏!

如何滑动Div按钮单击

我试图制作一个像这样的滑动表单按钮,我不熟悉JQuery请建议。 Html: – Conferm Location Continue Area Continue Email Address Continue Jquery: – $(‘.slideNext’).click(function() { $(‘.slideBox’).animate({ left: ‘-50%’ }, 500, function() { $(this).css(‘left’, ‘150%’); $(this).appendTo(‘#introFormHome’); }); $(this).next().animate({ left: ‘50%’ }, 500); }); CSS: – .slideBox { position: absolute; width: 450px; height: 200px; line-height: 300px; font-size: 50px; text-align: center; border: 2px solid black; left: 70%; top: […]

如何使用jquery.on(’click’)获取父选择器,基于单击的元素

我正在使用jquery.on,我有以下代码: $(‘.parent’).on(‘click’, ‘.link’,function (event) { console.log($(this));//return .link }); 如何访问触发点击的.parent? $(this)return .link。

链接被Cliked时禁用多个Ajax请求

我正在尝试实施一种避免点击垃圾邮件的方法。 我有一个链接按钮,单击该按钮时使用Jquery $ .ajax()命令将请求发送到服务器。 我想要一种方法来禁止多次点击,例如在添加注释时在StackOverflow中实现的点击。 有什么建议吗?