小编You*_*uss的帖子

如何使用Jquery在iframe中加载网址

我想点击加载一个iframe,这是我到目前为止:

$("#frame").click(function () { 
      $('this').load("http://www.google.com/");
    });
Run Code Online (Sandbox Code Playgroud)

它不起作用.这是完整的代码:JS Bin

iframe jquery load

43
推荐指数
4
解决办法
19万
查看次数

如何编写"if not class"jQuery选择器?

我想用var p做一些事情:

var p = $("li:last");
Run Code Online (Sandbox Code Playgroud)

但如果附加了某个类,我不想做任何事情.我试过了:不喜欢这个:

var p = $("li:last:not(.Class)");
Run Code Online (Sandbox Code Playgroud)

这不起作用.如何在我的var中排除.Class?

jquery jquery-selectors

35
推荐指数
2
解决办法
7万
查看次数

在ajax HTML响应中查找body标签

我正在进行ajax调用以获取内容并附加此内容,如下所示:

$(function(){
    var site = $('input').val();
    $.get('file.php', { site:site }, function(data){
        mas = $(data).find('a');
        mas.map(function(elem, index) {
            divs = $(this).html();
            $('#result').append('' + divs + '');
        })
    }, 'html');
});
Run Code Online (Sandbox Code Playgroud)

问题是,当我改变时a,body我什么也得不到(没有错误,只是没有HTML).我假设身体是一个像'a'的标签?我究竟做错了什么?

这对我有用:

 mas = $(data).find('a');
Run Code Online (Sandbox Code Playgroud)

但这不是:

 mas = $(data).find('body');
Run Code Online (Sandbox Code Playgroud)

javascript ajax jquery document-body

21
推荐指数
4
解决办法
2万
查看次数

保持ui自动完成始终打开

我正在使用ui自动完成:在这里

我需要始终打开自动完成功能,因此在单击身体某处时不应该关闭它.我用Google搜索了这个,但我找不到任何东西.

jquery jquery-ui autocomplete

11
推荐指数
3
解决办法
1万
查看次数

使用Jquery将iframe大小调整为内容

我正在尝试动态调整iframe的大小以适应其内容.为此,我有一段代码:

$("#IframeId").height($("#IframeId").contents().find("html").height());?
Run Code Online (Sandbox Code Playgroud)

它不起作用.是因为跨域问题吗?我如何使它适合?请看看Fiddle:JsFiddle

ps我已经设置了链接的html和正文 height:100%;

javascript iframe jquery

10
推荐指数
1
解决办法
7万
查看次数

等待功能直到用户停止输入

我有用户在打字时进行ajax调用.问题是它会对每个字母进行调用,所以我设置了这样的超时:

$(input).live('keyup', function(e){

setTimeout(function(){ 

var xx = $(input).val();
doSearch(xx); 

}, 400); 

}); 
Run Code Online (Sandbox Code Playgroud)

它确实等待400ms,然后为每个keyup执行.如何更改此选项,以便在最后输入的字母后约400ms内"acax"调用一次?

(我过去使用'延迟',但这对我的脚本根本不起作用......)

jquery events delay settimeout

9
推荐指数
1
解决办法
1万
查看次数

把var放在jquery里面:gt()

我有一个列表集display:none和一些代码来显示第3项:

HTML:

<ul>
    <li>item 1</li>
    <li>item 2</li>
    <li>item 3</li>
    <li>item 4</li>
</ul>
Run Code Online (Sandbox Code Playgroud)

jQuery的:

var item = '1';

$("li:gt(1):lt(1)").show();
Run Code Online (Sandbox Code Playgroud)

是否可以在gt选择中获取var?我能想到的就是这个

$("li:gt('+item+'):lt(1)").show();
Run Code Online (Sandbox Code Playgroud)

不行.可以这样做吗?如果没有,我还能尝试什么?

示例:http://jsfiddle.net/BSakQ/5/

variables jquery

8
推荐指数
1
解决办法
1790
查看次数

删除或清空元素的内容

我有一些像这样的HTML:

<div>TEXT
    <span>SPAN</span>
        <a href="">LINK</a>
</div>
Run Code Online (Sandbox Code Playgroud)

我想删除元素的内容,通常我会做这样的事情:

$('*').empty(); 
Run Code Online (Sandbox Code Playgroud)

要么

$('*').contents().empty();
Run Code Online (Sandbox Code Playgroud)

然而,这将删除/清空第一个跨度及其内容,即div和链接.在清空元素时,我该怎么做才能保留元素?所以最终的结果是:

<span>
    <div></div>
    <a href=""></a>
</span>
Run Code Online (Sandbox Code Playgroud)

请注意我正在寻找可以应用于任何HTML的"通用"功能.以上只是一个例子,实际上HTML结构将包含更多数据.

JsFiddle的例子

jquery

6
推荐指数
1
解决办法
1270
查看次数

包裹图像周围的div

我有一个像这样的图像div:

<div class="q">
    <img src="http://upload.wikimedia.org/wikipedia/commons/a/af/Bonsai_IMG_6426.jpg" />
</div>
Run Code Online (Sandbox Code Playgroud)

结果是div大于图像.我想将它包裹在图像周围,使其具有相同的高度和宽度(无需设置尺寸)

img {
    z-index: -1;
    position: relative;
    width:300px;
}

.q {
    width:100%;
    height:100%;
box-shadow:inset 0px 0px 85px red;
-webkit-box-shadow:inset 0px 0px 85px red;
-moz-box-shadow:inset 0px 0px 85px red;
}
Run Code Online (Sandbox Code Playgroud)

我试过高度和宽度'自动',但它也不起作用.

的jsfiddle

css

6
推荐指数
1
解决办法
3万
查看次数

用父显示显示div:none

可能重复:
当父元素显示时显示HTML子元素:none

我在另一个div里面有一个div.我已经将外部div设置为display:none这将使内部div也隐藏起来.如何显示内部div并将外部div设置为不显示?

CSS:

.hidden {
    width:100px;
    height:100px;
    background-color:red;
    display:none;
}

.display {
    width:50px;
    height:50px;
    background-color: yellow;
    display:block;
}
Run Code Online (Sandbox Code Playgroud)

HTML:

<div class="hidden">
    <div class="display"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

示例:http://jsfiddle.net/gcyhz/1/

html css jquery

5
推荐指数
1
解决办法
5656
查看次数