小编A. *_*lff的帖子

<td>
<input id="check" type="checkbox" name="del_attachment_id[]" value="<?php echo $attachment['link'];?>">
</td>

<td id="delete" hidden="true">
the file will be deleted from the newsletter
</td>

我想知道当选中或未选中复选框时,如何在Jquery中将属性"hidden"更改为false.

偶尔,我的应用程序中的Ajax调用(通过JQuery 1.8)长时间处于待处理状态(有时长达17分钟).我用谷歌搜索了所有可能的解决方案都没有用:

1. 我没有安装广告拦截器.
2. 我已禁用Chrome中的"预测网络操作以提高页面加载性能"标记.
3. 我还在Ajax调用中添加了一个查询字符串,使其独一无二(禁用任何Chrome缓存锁定).

你知道如何解决这个问题吗？谢谢.

在下面的示例中,请求处于待处理状态17分钟(与Fiddler确认它仅在17分钟后发送).

   GET http://www.mywebsite.com/foo/rest/publishers/1/packages?_=1421584749323    HTTP/1.1
   Host: www.mywebsite.com
   Connection: keep-alive
   Accept: application/json, text/javascript, */*; q=0.01
   X-Requested-With: XMLHttpRequest
   User-Agent: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36    (KHTML, like Gecko) Chrome/39.0.2171.99 Safari/537.36
   Content-Type: application/json
   Referer: http://www.mywebsite.com/foo/client/home
   Accept-Encoding: gzip, deflate, sdch
   Accept-Language: en-US,en;q=0.8,he;q=0.6,ru;q=0.4
   Cookie: JSESSIONID=C668509B5AFCDEBE9C9774C4721AFB9D;
   aaassz="ddss"

见图:

我正在尝试将<div>后续的样式设置为空<ul>.

这是我正在测试的简单代码:(操作系统是win7)

基本的jsFiddle DEMO

HTML:

<button class="btnAdd">add new LI</button>
<button class="btnRemove">remove last LI</button>
<ul></ul>
<div>Should be red if UL is empty</div>

CSS:

ul:empty + div {
    color:red;    
}

jQuery :(与问题无关,仅用于测试目的)

$('.btnAdd').on('click', function () {
    $('ul').append('<li>LI</li>');
});

$('.btnRemove').on('click', function () {
    $('ul').find('li').last().remove();
});

预期行为:

在所有主要的浏览器,添加元素时<ul>,空的风格集<ul>以下<div>不宜应用.删除所有时<li>,应将样式重新应用于目标<div>.

目前的行为:

• Firefox处理它没有问题,得到预期的结果.
• 当UL不再为空时,Chrome会删除后续DIV的红色,但当UL再次为空时不会重新应用它(从UL中删除所有LI)
• IE10/11:empty默认只应用CSS 伪类,不对任何添加或删除的内容做出反应

谷歌搜索它,我发现了一些解决方法,但大多数似乎已过时,没有解决问题,至少我找不到.

对于chrome,我发现:empty为UL 设置一个CSS规则修复它,但实际上我不知道发生了什么:(ul:empty {}你这是一个空的CSS规则吗？!)< …

我想通过给出属性名称来选择属性值(仅以...开头)例如,如果我们有html标签

<div class = "slide"  data-confirmID = "46" confirmID = "54"/>

我想从属性开始选择值 data-

在此先感谢您的帮助.

我解决了我原来的问题,但我想知道是否有一个更优雅的解决方案.我正在使用Foundation的Orbit创建幻灯片.这不是简单的幻灯片放映,它是幻灯片放映,其中每个幻灯片都定义了数据标题,并且在此数据标题中有HTML需要加载模式对话框.

如果您正在使用Foundation,您会立即考虑使用Reveal库来调出模式对话框,我会这样做,但要求使用prettyPhoto.(这些是要求.)问题是数据标题中的元素不受原始初始化调用的影响:

$("a[rel^='prettyPhoto']").prettyPhoto();

我需要做的是确保在加载时初始化每个数据标题.好吧,这是问题所在.我已经使用afterSlideChange事件解决了幻灯片过渡问题,但问题是第一张幻灯片.我需要为显示的第一张幻灯片调用此方法.

这是解决此问题的代码:

<script type="text/javascript">
$(window).load(function () {
    $('#featured').orbit({
        afterSlideChange:function () {
            $("a[rel^='prettyPhoto']").prettyPhoto({
                default_width:640,
                default_height:500,
                theme:'light_square'
            });
        }, // empty function
        fluid:true                         // or set a aspect ratio for content slides (ex: '4x3')
    });
    $("a[rel^='prettyPhoto']").prettyPhoto({
        default_width:640,
        default_height:500,
        theme:'light_square'
    });
});
</script>

有没有更好的方法来做到这一点,而不必复制该代码.我应该定义自己的"initializeSlide"事件,还是有一些答案我只是缺少？

这是测试用例.

使用JavaScript:

$('.js').on('click', function () {
    var newwindow = window.open();
    newwindow.document.write('<span>test</span>');
    newwindow.document.write('<scr' + 'ipt>alert(1)</scr' + 'ipt>');
});

这给出了预期的结果:对话框警报显示在新窗口内.

使用jQuery:

$('.jquery').on('click', function () {
    var newwindow = window.open();
    $(newwindow.document.body).append('<span>test</span>', '<scr' + 'ipt>alert(1)</scr' + 'ipt>');
});

对话框警报显示在主页面内.

为什么不同？我在这里错过了什么吗？

此行为已在chrome/FF/safari/IE中测试过

编辑

正如mishik所指出的,这是由于jQuery如何处理脚本标记,使用该globalEval方法在全局上下文中运行脚本.因此,使用jQuery的可能解决方法(但不能回归到纯JavaScript方法)可能是newwindow在全局上下文中设置变量并使用它,例如:

$('.jquery').on('click', function () {
    newwindow = window.open();
    $(newwindow.document.body).append('<span>test</span>','<scr' + 'ipt>newwindow.window.alert(1)</scr' + 'ipt>');
});

DEMO

我想为用户创建一个搜索输入,以便快速找到我学校的老师.

以上是一个包含很多教师的水平滚动条.滚动条中的每个教师都被包含在一个单独的div中staff-container.

<div class="staff-container">
    <div class="staff">
        <div class="staff-picture">
            <img src="img/people/teachers/aiello.png" alt="" />
        </div>
        <p><span class="bold">Mrs. Aiello</span><br />
        Ext. 13328<br />
        Room 328/323<br />
        <a href="mailto:asusan@wcskids.net">asusan@wcskids.net</a></p>
    </div>
</div>

以上是staff-container艾哈迈德先生.每位教师都有与HTML相同的结构.

当我在搜索中键入教师姓名并单击搜索按钮时,我希望发生以下情况.

我想通过使用JQuery staff-container来隐藏与搜索词不匹配的所有内容display:none;.

我希望搜索只查找教师姓名.换句话说,搜索中只应查找<span class="bold">teacher</span>每个中staff-container的内容.

如果没有教师匹配搜索词,我希望显示所有教师.如果没有搜索到任何内容,我希望显示所有教师.

搜索HTML:

<div class="search-container">
    <form class="form-search form-inline">
        <input type="text" class="input-medium search-query" placeholder="Search">
        <button type="submit" class="btn">Search</button>
    </form>
</div>

这是一个非常简单的小提琴

查看我要添加搜索的网页.它还没有搜索它.

对不起,如果我问一个问题太大的悲伤面孔,我只需要帮助,因为我从来没有在jquery中搜索过.

编辑删除downvote

我有一个循环功能,它在前5秒内运行social1(),在第二个5秒内运行social2()然后循环...

我也有2个悬停功能

我需要清除所有活动超时,因为当我将鼠标悬停在图像(.social1和.social2)上时,我可以看到多个超时正在运行

怎么解决这个问题？

function social1() {
    $('.social1').fadeTo(500, 1);
    $('.social2').fadeTo(500, 0.5);
    timeout = setTimeout(function() {
          social2();
    }, 5000);
}
function social2() {
    $('.social1').fadeTo(500, 0.5);
    $('.social2').fadeTo(500, 1);
    timeout = setTimeout(function() {
          social1();
    }, 5000);
} 


$(document).ready(function ()
{
    social1();

    $('.social1').hover(
        function () {
            window.clearTimeout(timeout);
            social1();
        },
        function () {
            timeout = setTimeout(function() {
                  social2();
            }, 5000);
        }
    );
    $('.social2').hover(
        function () {
            window.clearTimeout(timeout);
            social2();
        },
        function () {
            timeout = setTimeout(function() {
                  social1(); …

有人可以解释为什么委托似乎比别名绑定或on()更快.

这是一个测试用例:

jsPerf

$('p').on('click',$.noop); //80% slower

$('p').click($.noop); //84% slower

$(document).delegate("p", "click",$.noop); //fastest

检查jquery源代码,似乎在绑定任何事件之前,jquery检查代理.

这是正确的陈述还是还有其他什么？

我试图<hr>用jQuery改变元素的宽度,但它改变了2个方向的宽度.我只希望它伸展到右侧.当我对我的应用程序执行某些操作时,变量food.runningDistance会更改.代码:

HTML:

<hr id="runningLine">

javascript:

$("#runningLine").animate({width: food.runningDistance}, 500);