javascript

java

python

c#

node.js

reactjs

android

php

c++

ruby-on-rails

html

jquery

git

css

ios

sql

.net

c

<img src="//i.stack.imgur.com/bk9VA.png" alt="" class="sponsor-tag-img" width="18" height="16"/>android

string

javascript - 如何检测是否加载了iframe?

我试图检查用户单击按钮后是否加载了iframe。

我有

$('#MainPopupIframe').load(function(){
    console.log('load the iframe')
    //the console won't show anything even if the iframe is loaded.
})

HTML

<button id='click'>click me</button>

//the iframe is created after the user clicks the button.
<iframe id='MainPopupIframe' src='http://...' />...</iframe>

有什么建议?

顺便说一句,我的iframe是动态创建的。 它不会加载初始页面加载。

trans by 2019-08-19T00:42:41Z

jQuery.active函数

我试图找到有关以下jQuery函数的更多信息:

jQuery.active

它被描述为测试到服务器的活动连接的数量,并且当连接数为零时将评估为真。

我在jQuery网站上找不到关于此功能的任何信息,并且想知道是否有人知道我在哪里。

trans by 2019-08-18T04:50:34Z

延迟jquery悬停事件?

我想在jquery中延迟一个悬停事件。 当用户将鼠标悬停在链接或标签上时,我正在读取文件。 如果用户只是在屏幕上移动鼠标,我不希望立即发生此事件。 有没有办法推迟事件的发射?

谢谢。

示例代码:

$(function() {
    $('#container a').hover(function() {
        $('<div id="fileinfo" />').load('ReadTextFileX.aspx',
            {filename:'file.txt'},
            function() {
                $(this).appendTo('#info');
            }
         );
    },
        function() { $('#info').remove(); }
    });
});

更新:(1/14/09)添加HoverIntent插件后,上面的代码更改为以下代码来实现它。 实现起来非常简单。

$(function() {
    hiConfig = {
        sensitivity: 3, // number = sensitivity threshold (must be 1 or higher)
        interval: 200, // number = milliseconds for onMouseOver polling interval
        timeout: 200, // number = milliseconds delay before onMouseOut
        over: function() {
            $('<div id="fileinfo" />').load('ReadTextFileX.aspx', {filename:'file.txt'},
                function() {
                   $(this).appendTo('#info');
                }
             );
        }, // function = onMouseOver callback (REQUIRED)
        out: function() { $('#info').remove();  } // function = onMouseOut callback (REQUIRED)
    }
    $('#container a').hoverIntent(hiConfig)
}
trans by 2019-08-18T04:46:21Z

javascript - Isotope和Masonry jQuery插件之间的差异

我最近发现了Masonry和Isotope JQuery插件。 它们似乎在功能上几乎完全相同,似乎都有相同的作者。 我能看到的唯一明显区别是许可证。

这两者在功能方面有哪些主要区别? 你为什么要用另一个呢?

trans by 2019-08-18T04:43:20Z

jquery - $(这个)AJAX里面的成功不起作用

我试图更改一些使用onclick的旧代码,以便我使用$(this)。 问题是$(this)在成功的时候不起作用。 反正有没有把它设置为var。

$('.addToCart').click(function() {

    $.ajax({
        url: 'cart/update',
        type: 'post',
        data: 'product_id=' + $(this).attr("data-id"),
        dataType: 'json',
        success: function(json) {

            if (json['success']) {

            $(this).addClass("test");

            }   
        }
    });

});
trans by 2019-08-14T09:31:10Z

javascript - 如何使脚本执行等到加载jquery

我遇到的问题是页面加载速度如此之快,以至于jquery在后续脚本调用之前还没有完成加载。 有没有办法检查jquery的存在,如果它不存在,请稍等片刻,然后再试一次?


在回答下面的答案/评论时,我发布了一些标记。

情况...... asp.net主页和子页面。

在母版页中,我引用了jquery。然后在内容页面中,我引用了特定于页面的脚本。当加载特定于页面的脚本时,它会抱怨&#34; $未定义&#34;。

我在标记的几个点放置警报,以查看触发事件的顺序,并确认它按此顺序触发:

  1. 主页面标题。
  2. 子页面内容块1(位于主页面的主管,但是在主页面脚本之后所谓的)。
  3. 子页面内容块2。

这是主页顶部的标记:

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site.master.cs" Inherits="SiteMaster" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>Reporting Portal</title>
    <link href="~/Styles/site.css" rel="stylesheet" type="text/css" />
    <link href="~/Styles/red/red.css" rel="stylesheet" type="text/css" />
    <script type="text/Scripts" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> 
    <script type="text/Scripts" language="javascript" src="../Scripts/jquery.dropdownPlain.js"></script>
    <script type="text/Scripts" language="javascript" src="../Scripts/facebox.js"></script>
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
</head>

然后在母版页的正文中,还有一个额外的ContentPlaceHolder:

 <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
                </asp:ContentPlaceHolder>

在子页面中,它看起来像这样:

<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Dashboard.aspx.cs" Inherits="Data.Dashboard" %>
<%@ Register src="../userControls/ucDropdownMenu.ascx" tagname="ucDropdownMenu" tagprefix="uc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <link rel="stylesheet" type="text/css" href="../Styles/paserMap.css" />
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
***CONTENT HERE***
    <script src="../Scripts/Dashboard.js" type="text/javascript"></script>
</asp:Content>

以下是&#34; ../ Script / Dashboard.js&#34;的内容。 文件:

    $(document).ready(function () {

    $('.tgl:first').show(); // Show the first div

    //Description: East panel parent tab navigation
    $('.tabNav label').click(function () {
        $('.tabNav li').removeClass('active')
        $(this).parent().addClass('active');

        var index = $(this).parent('li').index();
        var divToggle = $('.ui-layout-content').children('div.tgl');

        //hide all subToggle divs
        divToggle.hide();
        divToggle.eq(index).show();
    });

});
trans by 2019-08-14T07:38:48Z

javascript - 如何使用jQuery选择第一个父DIV?

var classes = $(this).attr('class').split(' '); // this gets the current element classes

var classes = $(this).parent().attr('class').split(' '); // this gets the parent classes.

上述情况中的父母是锚。

如果我想获得$(this)的第一个父DIV代码是什么样的?

var classes = $(this).div:parent().attr('class').split(' '); // just a quick try.

*基本上我想得到$(this)的第一个父DIV的类。

谢谢

trans by 2019-08-14T07:29:27Z

jQuery:eq()vs get()

我是jQuery的新手,我想知道jQuery的get()eq()函数之间有什么区别。 我可能会误解get()函数的作用,但我觉得很奇怪,我无法在同一行中返回的元素上返回一个函数。

//Doesn't work
I.e.  $("h2").get(0).fadeIn("slow");

//Works
$("h2").eq(0).fadeIn("slow");
trans by 2019-08-14T05:35:08Z

如何使jQuery Contains不区分大小写,包括jQuery 1.8+?

我试图使用&#34;包含&#34; 案件不敏感。 我尝试在下面的stackoverflow问题中使用该解决方案,但它没有工作:

是否有一个不区分大小写的jQuery:包含选择器?

为方便起见,此处将复制解决方案:

jQuery.extend(
        jQuery.expr[':'], { 
                Contains : "jQuery(a).text().toUpperCase().indexOf(m[3].toUpperCase())>=0" 
});

这是错误:

Error: q is not a function
Source File: /js/jquery-1.4.js?ver=1.4
Line: 81

我在这里使用它:

  $('input.preset').keyup(function() {
    $(this).next().find("li").removeClass("bold");
    var theMatch = $(this).val();
    if (theMatch.length > 1){
      theMatch = "li:Contains('" + theMatch + "')";
      $(this).next().find(theMatch).addClass("bold");
    }
  });

我使用原始区分大小写的#34;包含&#34; 在同一场景中工作没有任何错误。 有没有人有任何想法? 我很感激。

trans by 2019-08-14T02:05:10Z

javascript - 你可以在不影响历史的情况下使用哈希导航吗?

我担心这可能是不可能的,但有没有办法改变URL的哈希值而不在浏览器的历史记录中留下条目而不重新加载? 或者做同等的?

至于具体细节,我正在开发一些基本的哈希导航:

//hash nav -- works with js-tabs
var getHash = window.location.hash;
var hashPref = "tab-";
function useHash(newHash) {
    //set js-tab according to hash
    newHash = newHash.replace('#'+hashPref, '');
    $("#tabs li a[href='"+ newHash +"']").click();
}
function setHash(newHash) {
    //set hash according to js-tab
    window.location.hash = hashPref + newHash;

    //THIS IS WHERE I would like to REPLACE the location.hash
    //without a history entry

}
    // ... a lot of irrelavent tabs js and then....

    //make tabs work
    $("#tabs.js-tabs a").live("click", function() {
        var showMe = $(this).attr("href");
        $(showMe).show();
        setHash(showMe);
        return false;
    });
    //hash nav on ready .. if hash exists, execute
    if ( getHash ){
        useHash(getHash);
    }

显然,使用jQuery。 这个想法是在这个具体的例子中1)让用户回过头来改变每个标签可以有效地打破后退按钮&#39; 通过堆积不必要的引用,以及2)如果它们达到刷新状态,则不保留它们当前所处的选项卡是一种烦恼。

trans by 2019-08-13T23:30:08Z

javascript - 根据覆盖的背景区域的亮度更改文本颜色?

我已经考虑了一段时间了,所以现在我想了解你的意见,可能的解决方案等等。

我正在寻找一种插件或技术来改变文本的颜色,或者根据它的父母背景图像或颜。

如果其背景的覆盖区域相当暗,请将文本设为白色或切换图标。

另外,如果脚本没有定义背景颜色或-image,然后继续搜索最近的(从父元素到它的父元素......),脚本会注意到它会很棒。。

您怎么看,知道这个想法? 那里有类似的东西吗?脚本的例子吗?

干杯,J。

trans by 2019-08-13T22:49:58Z

javascript - 如何使jQuery不舍入.width()返回的值?

我四处搜寻,无法找到这个。 我试图获得div的宽度,但是如果它有一个小数点,它会对数字进行舍入。

例:

#container{
    background: blue;
    width: 543.5px;
    height: 20px;
    margin: 0;
    padding: 0;
}

如果我做$('#container').width();它将返回543而不是543.5。 如何让它不对数字进行舍入并返回完整的543.5(或任何数字)。

trans by 2019-08-13T20:07:47Z

javascript - 当用户将图像滚动到vi时,如何动态(或懒惰地)加载图像

我已经在很多现代&#34;中注意到了这一点。 网站(例如Facebook和谷歌图片搜索),只有当用户向下滚动页面足以将它们带入可见视口区域时,才会加载折叠下方的图像(在查看源时,页面显示X号码<img>标签,但它们未被提取 从服务器直接)。 这种技术叫做什么,它是如何工作的以及它有多少浏览器可以工作。 是否有一个jQuery插件可以用最少的编码实现这种行为。

编辑

奖励:有人可以解释是否有&#34; onScrolledIntoView&#34; 或HTML元素的类似事件。 如果没有,这些插件如何工作?

trans by 2019-08-13T19:59:42Z

javascript - 如何防止浏览器调用基本的auth弹出窗口并使用Jquery处理401错误?

我需要使用基本身份验证发送授权请求。 我已经使用jquery成功实现了这一点。 但是当我得到401错误时,基本的auth浏览器弹出窗口被打开,并且没有调用jquery ajax错误回调。

trans by 2019-08-13T19:29:08Z

异步 - 我应该何时使用jQuery deferred的“then”方法,何时应该使用“pipe”方法?

jQuery的then()有两个函数可用于实现函数的异步链接:

then()

then()

doneCallbacks解析Deferred时调用的函数或函数数组。
failCallbacks拒绝延迟时调用的函数或函数数组。

then()

then()

doneFilter解析Deferred时调用的可选函数。
failFilter拒绝Deferred时调用的可选函数。

我知道then()已经比Deferred稍微长一点,所以后者必须增加一些额外的好处,但正是这种差异恰恰在于我。 两者都采用了几乎相同的回调参数,尽管它们的名称不同,返回pipe()和返回Promise之间的区别似乎很小。

我一遍又一遍地阅读官方文档但总是发现它们很密集&#34; 为了真正包围我的头脑,搜索已经找到了很多关于这个特征或其他特征的讨论,但我还没有发现任何真正澄清每个特征的不同利弊的东西。

那么什么时候使用then()更好,何时使用Deferred更好?


加成

菲利克斯的出色答案确实有助于澄清这两个功能的区别。 但我想知道是否有时候then()的功能优于Deferred

显然then()Deferred更强大,看起来前者可以做后者可以做的任何事情。 使用pipe()的一个原因可能是它的名称反映了它作为处理相同数据的函数链终止的作用。

但有没有一个用例要求then()返回原来的Deferred 2479411822064040010由于它返回新的Promise而无法完成?

trans by 2019-08-13T18:52:03Z

jquery - 如何淡出显示:inline-b

在我的页面中,我有一堆(大约30个)dom节点应该被添加为不可见,并在它们完全加载时淡入。
元素需要显示:内联块样式。

我想使用jquery .fadeIn()函数。 这要求元素最初有一个display:none; 规则最初隐藏它。在fadeIn()之后,元素当然具有默认显示:inherit;

如何使用除继承之外的显示值的淡入淡出功能?

trans by 2019-08-13T14:04:50Z

javascript - jQuery UI手风琴让多个部分保持打开状态?

我可能是个白痴,但是你如何在jQuery UI的手风琴中保持多个部分? 这些演示一次只有一个开放...我正在寻找一个可折叠的菜单类型系统。

trans by 2019-08-13T10:00:39Z

jquery - Chrome中的AJAX发送OPTIONS而不是GET / POST / PUT / DELETE?

我正在开发一个内部Web应用程序。 在IE10中,请求工作正常,但在Chrome中,所有AJAX请求(有很多)都是使用OPTIONS发送的,而不是我给出的任何定义的方法。 从技术上讲,我的要求是跨域。&#34; 该站点在localhost:6120上提供,而我正在向AJAX发出请求的服务是在57124上。这个关闭的jquery错误定义了问题,但不是真正的修复。

如何在ajax请求中使用正确的http方法?

编辑:

这是在每个页面的文档加载中:

jQuery.support.cors = true;

每个AJAX都是类似的:

var url = 'http://localhost:57124/My/Rest/Call';
$.ajax({
    url: url,
    dataType: "json",
    data: json,
    async: true,
    cache: false,
    timeout: 30000,
    headers: { "x-li-format": "json", "X-UserName": userName },
    success: function (data) {
        // my success stuff
    },
    error: function (request, status, error) {
        // my error stuff
    },
    type: "POST"
});
trans by 2019-08-13T08:12:26Z

jquery - 如何创建切换按钮?

我想用hss在html中创建一个切换按钮。 我想要它,以便当你点击它时,它会保持推入状态,而当你再次点击它时,它会弹出。

如果没有办法只使用CSS。 有没有办法用jQuery做到这一点?

trans by 2019-08-13T07:14:00Z

jQuery .hasClass()vs .is()

从性能的角度来看,是否有一种确定元素是否被赋予类别的首选方法?

$('#foo').hasClass('bar');

要么

$('#foo').is('.bar');
trans by 2019-08-13T00:11:32Z

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