javascript

java

python

c#

android

node.js

reactjs

c++

php

html

jquery

css

.net

ios

git

ruby-on-rails

sql

c

string

ruby

javascript-js中的简单限制

我正在寻找JS中的简单节流阀。 我知道像lodash和underscore这样的库都有它,但是仅对一个函数来说,包含其中任何一个库都是过大的。

我也在检查jquery是否具有类似的功能-找不到。

我发现一个工作的节流阀,下面是代码:

function throttle(fn, threshhold, scope) {
  threshhold || (threshhold = 250);
  var last,
      deferTimer;
  return function () {
    var context = scope || this;

    var now = +new Date,
        args = arguments;
    if (last && now < last + threshhold) {
      // hold on to it
      clearTimeout(deferTimer);
      deferTimer = setTimeout(function () {
        last = now;
        fn.apply(context, args);
      }, threshhold);
    } else {
      last = now;
      fn.apply(context, args);
    }
  };
}

问题是:在油门时间结束后,它将再次触发该功能。 因此,假设我制作了一个在按键时每10秒触发一次的油门-如果我按键2次,则在完成10秒后仍会触发第二次按键。 我不要这种行为。

trans by 2020-01-20T02:37:31Z

jQuery-Twitter Bootstrap工具提示插件中的数据延迟

我无法使twitter引导工具提示的data-delay属性起作用。 我正在使用它像:

这是我的用法:

<a href="#" data-toggle="tooltip" data-delay="{ show: 5000, hide: 3000}">with delay</a><script>jQuery('a[data-toggle="tooltip"]').tooltip().click( function(e) { e.preventDefault(); }); </script>

但我看不到任何显示/隐藏的延迟。 有什么想法吗?

trans by 2020-01-20T00:05:34Z

javascript-自动完成功能要求您在更新到1.11.0后在iOS中单击两次

使用jQuery 2.1.0和jQuery.ui 1.11.0在iOS 7中进行了测试。iPhone和iPad Mini。 适用于android和常规浏览器。

问题

我们最近从jQuery UI 1.10.0升级到1.11.0,现在,当单击自动完成结果列表中的项目时,您只会悬停鼠标,必须再次单击相同的元素才能获得click事件。 以前在1.10.0版中可以正常工作。

(注释中的JSFiddle链接)

什么不起作用

使用CSS {cursor: pointer}不起作用

使用onclick=""不起作用

(注释中的JSFiddle链接)

奇怪的部分

但是有趣/奇怪的部分到了。 它可以在JSFiddle编辑视图中使用,但不能在JSFiddle“ / show”页面上使用。

JSFiddles :(键入字母以显示结果“ s”是一个很好的结果)

  • HTML视图(无效)

  • 编辑视图(工作)

我已经为此工作了好几天,但是在仅测试html视图之前无法在JSFiddle中重现它。 所以现在我转向你。 我一辈子都无法弄清楚为什么一页触发一次点击事件,而另一页却不触发点击事件。

我正在使用jQuery自动完成功能的最基本功能。 实际上,使用与jQuery UI主页上显示的代码完全相同的代码。

问题

那么,如何在/ show页面上的iOS中单击一次即可获得自动完成功能?

(我将在评论中发布其他链接,因为我还没有10位代表。除非我没有足够的代表来评论...)

trans by 2020-01-19T21:38:49Z

javascript-检查父窗口是iframe还是n

如果父项本身也在iframe内,如何从iframe内的页面判断呢?

说明:

我的首页home.html包含一个iframe

<iframe src="sample.html"></iframe>

我需要检测sample.html(即sample.html的父级)是否在iframe中。

sample.html中的代码:

if(self==window)
{
    alert('home.html is not in iframe');
}
else
{
    alert('home.html is in iframe');
}

我的问题不是重复的。 情况不同。

trans by 2020-01-19T16:12:36Z

在CSS()中使用jQuery delay()

为什么delay()在这里起作用:

$('#tipper').mouseout(function() {
  $('#tip').delay(800).fadeOut(100);
});

但这不能延迟:

$('#tipper').mouseout(function() {
  $('#tip').delay(800).css('display','none');
});

//编辑-这是一个可行的解决方案

$('#tipper').mouseleave(function() {
  setTimeout( function(){
    $('#tip').css('display','none');
       },800);
});
trans by 2020-01-19T15:46:05Z

javascript-如何在表格行(tr)上覆盖div(或任何元素)?

我想在表行(tr标记)上恰好有多个列的地方覆盖一个div(或将起作用的任何元素)。

我尝试了几种方法,这些方法似乎无效。 我在下面发布了当前代码。

我确实得到了覆盖,但不是直接覆盖该行。 我尝试将叠加层顶部设置为$ divBottom.css('top'),但这始终是'auto'。

那么,我是在正确的轨道上,还是有更好的方法呢? 如您所见,使用jQuery很好。

如果我走的路正确,如何正确放置div? offsetTop是包含元素,表中的偏移量,我需要做一些数学运算吗? 我还会遇到其他难题吗?

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<html>
  <head>
    <title>Overlay Tests</title>
  </head>
  <body>
    <p align="center"><a id="lnkDoIt" href="#">Do it!</a></p>
    <table width="100%" border="0" cellpadding="10" cellspacing="3" style="position:relative">
      <tr>
        <td><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></td>
      </tr>
      <tr id="rowBottom">
        <td><div id="divBottom"><p align="center">This is the bottom text</p></div></td>
      </tr>
      <tr>
        <td><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></td>
      </tr>
    </table>
    <div id="divOverlay" style=""><p>This is the overlay div.</p><p id="info"></p></div>
  </body>
</html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<html>
  <head>
    <title>Overlay Tests</title>
  </head>
  <body>
    <p align="center"><a id="lnkDoIt" href="#">Do it!</a></p>
    <table width="100%" border="0" cellpadding="10" cellspacing="3" style="position:relative">
      <tr>
        <td><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></td>
      </tr>
      <tr id="rowBottom">
        <td><div id="divBottom"><p align="center">This is the bottom text</p></div></td>
      </tr>
      <tr>
        <td><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></td>
      </tr>
    </table>
    <div id="divOverlay" style=""><p>This is the overlay div.</p><p id="info"></p></div>
  </body>
</html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<html>
  <head>
    <title>Overlay Tests</title>
  </head>
  <body>
    <p align="center"><a id="lnkDoIt" href="#">Do it!</a></p>
    <table width="100%" border="0" cellpadding="10" cellspacing="3" style="position:relative">
      <tr>
        <td><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></td>
      </tr>
      <tr id="rowBottom">
        <td><div id="divBottom"><p align="center">This is the bottom text</p></div></td>
      </tr>
      <tr>
        <td><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p></td>
      </tr>
    </table>
    <div id="divOverlay" style=""><p>This is the overlay div.</p><p id="info"></p></div>
  </body>
</html>

trans by 2020-01-19T04:54:21Z

javascript-jQuery选择选项单击手

给出:

<select id="mySelect">
  <option>..</option>
  ...
</select>

使用选择ID,如何在其中一个选项上触发点击事件? 我尝试将事件直接附加到选择项,但这会在单击选择项时触发一个事件(即使没有选项也是如此)。 哦,这是一个多选功能(尽管我不认为这很重要)。

trans by 2020-01-18T22:23:51Z

如何使用jquery ..从URL获取域名?

我有eq的域名。

1) http://www.abc.com/search 
2) http://go.abc.com/work

我只能从上述网址获得域名

输出像

1) http://www.abc.com/
2) http://go.abc.com/

我能怎么做?

trans by 2020-01-18T20:43:31Z

javascript-SyntaxError:JSON.parse:JSON d第1行第1列的意外字符

我花了6个小时以上的时间在代码中找到异常或特殊字符,但找不到。 我在这里检查了所有类似的消息。

我发送的表格带有很大的弹出窗口。 首先,我使用内联弹出窗口打开表单,而不是将所有输入发送到main.js进行验证。

所以,我只需要一只第三只眼。

我有:index.htmlregister.phpmain.js

这是代码

形成

JS / AJAX

PHP-register.php

错误消息在这里

JSON输出json

Chrome控制台:

chrome

Firefox控制台:firefox


我想念什么?

trans by 2020-01-18T15:41:52Z

javascript-iCheck检查是否选中了复选框

我正在使用iCheck插件自定义复选框。 当选中一个或多个复选框时,我需要显示某些文本,而当未选中任何复选框时,则需要隐藏文本。

我当前拥有的代码在单击时会显示文本,但是除非再次单击2次,否则不会将其隐藏。我有多个复选框,如果要检查'em之一,则想显示文本,否则隐藏文本。有人知道吗? 该插件具有:

ifChecked
ifChanged
ifClicked
ifUnchecked
ifToggled
ifDisabled
ifEnabled.......

回调....这里是插件功能

$('input').iCheck({ 
checkboxClass: 'icheckbox_square-blue',
radioClass: 'iradio_square-blue',
increaseArea: '20%' // optional
});

这是我尝试过的

$('input').on('ifChecked', function(event){
$(".hide").toggle();
});

html

<input type="checkbox">
<div class"hide" style="display:none">Hi there</div>
trans by 2020-01-18T08:53:52Z

html-jquery .slideToggle()水平替代?

slideToggle完全可以实现我想要的功能,只有我希望幻灯片是水平的。

现在,我单击时具有水平的隐藏/显示和动画,但是我希望具有切换选项。 这样,当我单击活动链接时,它将反向播放动画并隐藏自身。

最好的方法是什么?

trans by 2020-01-18T02:02:14Z

javascript-仅用一个<br>替换多个<br>

我如何使用JavaScript进行检测

<br>
<br>
<br>

成为一个

<br>

我尝试过:

jQuery('body').html().replace(/(\<br\>\r\n){3, }/g,"\n");

但这对我不起作用。

trans by 2020-01-17T23:38:02Z

javascript-如何确定和打印jQuery版本?

是否有jQuery函数返回当前加载的jQuery版本?

trans by 2020-01-17T21:52:04Z

jQuery Droppable,删除元素

希望有一个简单的答案的小问题,我正在使用可拖放的jQuery将项目放到停靠栏中。 使用以下代码删除代码。

$("#dock").droppable({
            drop: function(event, ui) {
                //Do something to the element dropped?!?
            }
        });

但是我找不到找到实际删除的元素的方法,因此我可以做一些事情。 这可能吗?

trans by 2020-01-17T20:58:29Z

javascript-$不是函数-jQuery

我已经很好地加载了jQuery,经过了四重检查,尽管我在FireBug中遇到此错误“ $不是函数”,并且我的代码无法正常工作。

这是我的代码:

<script type="text/javascript">
    $("ol li:nth-child(1)").addClass('olli1');
    $("ol li:nth-child(2)").addClass("olli2");
    $("ol li:nth-child(3)").addClass("olli3");
    $("ol li:nth-child(4)").addClass("olli4");
    $("ol li:nth-child(5)").addClass("olli5");
    $("ol li:nth-child(6)").addClass("olli6");
    $("ol li:nth-child(7)").addClass("olli7");
    $("ol li:nth-child(8)").addClass("olli8");
    $("ol li:nth-child(9)").addClass("olli9");
    $("ol li:nth-child(10)").addClass("olli10");
    $("ol li:nth-child(11)").addClass("olli11");
    $("ol li:nth-child(12)").addClass("olli12");
    $("ol li:nth-child(13)").addClass("olli13");
    $("ol li:nth-child(14)").addClass("olli14");
    $("ol li:nth-child(15)").addClass("olli15");
    $("ol li:nth-child(16)").addClass("olli16");
    $("ol li:nth-child(17)").addClass("olli17");
    $("ol li:nth-child(18)").addClass("olli18");
    $("ol li:nth-child(19)").addClass("olli19");
    $("ol li:nth-child(20)").addClass("olli20"); 
</script>
trans by 2020-01-17T19:45:32Z

JavaScript-iPhone / iPad触发意外的调整大小事件

我正在开发网站的移动版本。 我正在尽可能地使用媒体查询和CSS,但是我也在使用一些javascript,例如,将导航功能转换为较小设备上的折叠/展开列表,以节省空间。

为了处理所有这些,我试图使用window.resize事件。 调整大小时,这可以在桌面浏览器上发生魔力,但是当我不希望它们出现在iPad / iPhone上时,我会收到调整大小事件。

在桌面浏览器上,仅当我实际调整窗口大小时,才会收到一个调整大小事件。 在移动浏览器上,当我改变方向(预期)时会收到resize事件,但是当我切换以展开/折叠某些东西时也会得到此事件。

这是一个简单的例子:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<title>Resize test</title>
<style>
.box {height: 10000px; background: green; display: none;}
</style>
<script>
$(function(){
    $(".opener").click(function(){
        $(".box").slideToggle();
    });
    $(window).resize(function(){
        alert("resized");
    });
});
</script>
</head>

<body>
<a href="#" class="opener">Open/close me</a>
<div class="box"></div>
</body>
</html>

当您单击桌面浏览器上的链接时,没有警报。 单击iPhone / iPad上的链接,您将收到警报。 这是怎么回事?

trans by 2020-01-17T17:02:14Z

xss-使用$ .support.cors = true是否安全? 在jQuery中?

我试图使用jQuery的ajax方法在其他域上访问Web服务。 经过一番研究后,看来不允许这样做是为了防止跨站点脚本编写。

我遇到了一项工作,其中包括以下内容:

$.support.cors = true;

在我的JavaScript代码的顶部。 据我了解,这将启用jQuery中的跨站点脚本。

拥有这行代码是否会使我的网站更容易受到攻击? 我一直都听说过XSS被讨论为安全问题,XSS是否有合法用途?

trans by 2020-01-17T13:03:24Z

jQuery:如何在单击缩略图时显示图像弹出窗口?

在我的aspx页面中,我有一个缩略图图像<img>。当用户单击该图像时,我想要一个弹出窗口来显示该图像,使该图像的较大(完整)版本阻止了UI的其余部分。

是否有任何插件可以做到这一点?

trans by 2020-01-17T11:37:21Z

jQuery-在Javascript中检测图像404

用户上传文件后,我们必须对图像进行一些其他处理,例如调整大小并上传到S3。 这最多可能需要10秒钟的时间。 显然,我们是在后台执行此操作的。 但是,我们希望立即向用户显示结果页面,并简单地显示旋转器,直到图像在s3到达其永久位置。

我正在寻找一种方法来检测某个图像是否无法以跨浏览器的方式正确加载(404)。 如果发生这种情况,我们希望使用JS在其位置显示一个微调器,并每隔几秒钟重新加载一次图像,直到可以从s3成功加载为止。

trans by 2020-01-17T10:31:16Z

jQuery-是否可以等到所有JavaScript文件加载完毕后再执行JavaScript代码?

我们有几个JavaScript文件,这些文件会在母版页的底部加载。 但是,我有这样的情况,我需要在加载其他脚本之前执行一些JavaScript。 是否可以等到所有JavaScript文件加载完毕然后执行一些JavaScript代码?

我以为$(document).ready()已经做到了,但事实证明,事实并非如此。 当然,我们可以将脚本文件从底部移到顶部,但是我想知道是否有我想要的。

trans by 2020-01-17T08:05:22Z

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 下一页 共117页