小编fca*_*ran的帖子

我想遍历checkboxgroup'locationthemes'并构建一个包含所有选定值的字符串.因此,当选中复选框2和4时,结果将是:"3,8"

<input type="checkbox" name="locationthemes" id="checkbox-1" value="2" class="custom" />
<label for="checkbox-1">Castle</label>
<input type="checkbox" name="locationthemes" id="checkbox-2" value="3" class="custom" />
<label for="checkbox-2">Barn</label>
<input type="checkbox" name="locationthemes" id="checkbox-3" value="5" class="custom" />
<label for="checkbox-3">Restaurant</label>
<input type="checkbox" name="locationthemes" id="checkbox-4" value="8" class="custom" />
<label for="checkbox-4">Bar</label>

我在这里查了一下:http://api.jquery.com/checked-selector/但是没有例子如何按名称选择复选框组.

我怎样才能做到这一点？

如果您必须正确选择其中一个HTML5代码来表示价格,金额或帐户余额(例如3/9/2012 - Income: 1.200,00 €或item #314159 - price: $ 31,99)

• 你会选择哪个标签的金额和原因？
• 货币也应该用自己的标签包装吗？

我真的想避免使用通用的内联元素<span class="income">1.200,00 €</span>,<span class="price">$ 31,99</span>但到目前为止我还没有找到关于它的引用.

干杯!

我是CSS/HTML的新手,但我想在文本上应用渐变,如下图所示.我怎样才能用css实现它？

在HTML5中,我们目前有一个<figure>元素,定义如此(W3C参考)

图元素表示内容单元,可选地带有标题,是自包含的,通常从文档的主流中引用为单个单元,并且可以远离文档的主流而没有影响文件的含义.

最近,一个新的元素<picture>,提出了由响应图片社区组,它被定义在参考像这样

用于显示可能来自各种源的图像的图片元素(请参阅srcset属性).用户代理显示的图像取决于用于导出源图像的算法.

由于这两个描述似乎并不矛盾(并且图片上的文档还处于草案状态),我的问题是:在这种方式中,是否有可能(技术上和语义上)嵌套picture在figure元素中？

<figure>
   <picture>
      <source ...>
      <source ...>
      <source ...>
      <img..>
   </picture>

   <figcaption>...</figcaption>
</figure>

我在规格中没有找到关于它的参考文献.:\

注意:我知道没有浏览器实现当前这个元素,我只是用jQuery图片做一些实验

谢谢.

我想转换px到vw在JavaScript中,我该怎么办呢？

我一直在寻找它,但我没有找到任何东西.

所以,

1px→？VW

谢谢.

我有以下代码:http://jsfiddle.net/odj8v0x4/.

function stopGlobe() {
    $('.mapfront').removeClass('mapfront-anim');
    $('.mapback').removeClass('mapback-anim');
}

function startGlobe() {
    $('.mapfront').addClass('mapfront-anim');
    $('.mapback').addClass('mapback-anim');
}

@keyframes mapfront_spin {
    0% {
        background-position: 1400px 0%;
    }
    100% {
        background-position: 0 0%;
    }
}
@keyframes mapback_spin {
    0% {
        background-position: 0 0%;
    }
    100% {
        background-position: 1400px 0%;
    }
}
@-webkit-keyframes mapfront_spin {
    0% {
        background-position: 1400px 0%;
    }
    100% {
        background-position: 0 0%;
    }
}
@-webkit-keyframes mapback_spin {
    0% {
        background-position: 0 0%;
    }
    100% {
        background-position: 1400px 0%;
    } …

我有一个regexp来验证文件名.就这个:

/[0-9a-zA-Z\^\&\'\@\{\}\[\]\,\$\=\!\-\#\(\)\.\%\+\~\_ ]+$/

它应该允许这样的文件名:

aaa
aaa.ext
a#
A9#.ext

不允许使用以下字符 \ / : * ? \" < > |

问题是文件名喜欢*.txt或/\kk通过验证.我正在使用keyup事件进行验证.因此,当我在不允许的情况下放置一个额外字符后,它会显示一切正确.

我已经阅读了几乎所有与此问题相关的stackoverflow问题,但没有任何方法可以正常工作.

有人要求我通过媒体查询只检测iPad设备(或最好是〜1024x768 移动设备).我试着用

@media screen
       and (min-device-width: 768px)
       and (max-device-width: 1024px) {
   ...
}

但是当分辨率设置为1024x768(但不是firefox)时,这个媒体查询还会在笔记本电脑和桌面Win32/MacOS上与Chrome(和我猜测)相匹配.我试过这个媒体查询定义orientation:portrait, orientation:landscape但没有运气.它也在桌面webkit浏览器上得到认可.

你可以尝试这个小提琴来测试这个问题.

在搜索之后,我来到这篇有趣的文章中

我认为Safari(以及我测试过的其他WebKit浏览器)并没有遵循规范,而Firefox和Opera则是如此.

"宽度"媒体功能描述了输出设备的目标显示区域的宽度.对于连续媒体,这是视口的宽度(如CSS2,第9.1.1节[CSS21]所述),包括渲染滚动条的大小(如果有的话).

所以我用1009px (1024-15)尝试了这个(小提琴max-device-width)

@media screen and (min-device-width: 768px) 
              and (max-device-width: 1009px) {
   ...
}

并且不起作用,
但如果我使用此媒体查询也定义方向(小提琴)

@media screen and (device-width:768px) and (orientation:portrait),
       screen and (device-width:1009px) and (orientation:landscape) {
    ...
}

令人惊讶的是(对我来说)它似乎正常工作,它似乎只匹配safari/iPad.

问:这个媒体查询对我的需求是否足够可靠？它总是适用于iPad/iPad2吗？或者我不得不期待一些边缘情况和与其他设备分辨率的意外匹配？在这种情况下,您可以建议更有效和可靠的媒体查询吗？

谢谢:)(对于冗长而感到遗憾)

有没有办法在setTimeout()执行函数调用后刷新页面？

这是setTimeout函数调用的代码:

setTimeout(function(){
     $('#alert-success').slideUp('slow').fadeOut();
}, 5000);

如何使用Javascript格式化字符串以匹配正则表达式？

我使用的英国邮政编码可以匹配以下任何一种

N1 3LD
EC1A 3AD
GU34 8RR

我有以下正则函数,它正确验证字符串,但我不确定如何使用正则表达式作为掩码格式化EC1A3AD为EC1A 3AD/ GU348RRto GU34 8RR/ N13LDto N1 3LD.

我的正则表达式是 /^[A-Za-z]{1,2}[0-9A-Za-z]{1,2}[ ]?[0-9]{0,1}[A-Za-z]{2}$/

谢谢