小编Web*_*ars的帖子

具有相同ID的多个元素响应一个CSS ID选择器

在一个页面中为多个元素提供相同的ID是否安全?例如,当您使用某些jquery插件时,当您运行两次或更多滑块或库时,通常会发生这种情况.我们知道,开发人员喜欢给html容器提供一些ID,以便脚本更快地运行.

我们来看看w3.org文档:

使ID类型属性特殊的原因是没有两个这样的属性可以具有相同的值; 无论文档语言如何,ID属性都可用于唯一标识其元素.

但是具有相同ID的2个元素的下一个示例在所有浏览器中都可以正常工作,尽管它无效:

#red {
  color: red;
}
Run Code Online (Sandbox Code Playgroud)
<p id="red">I am a red text.</p>
<p id="red">I am a red text too.</p>
Run Code Online (Sandbox Code Playgroud)

任何人都能解释这种奇怪的情况吗?

html css css-selectors

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

jQuery验证:数字与数字

我想知道,numberdigits方法有什么区别?我已经使用这个插件很长一段时间了,这两种方法似乎都返回相同的结果......

提前致谢!

jquery-validate

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

如何使用jquery将元素列表包装(分组)到另一个元素中?

我有以下结构.

<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
Run Code Online (Sandbox Code Playgroud)

我可以将其转换为:

<uL>
    <li></li>
    <li></li>
    <li></li>
</ul
<ul>
    <li></li>
    <li></li>
    <li></li>
</ul>
Run Code Online (Sandbox Code Playgroud)

所以任务是将li分组为"行".1行总共有3个li,但行号总是不同.

有人知道,怎么做?谢谢.

jquery

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

将图像始终放在中心页面

即使在移动滚动时,也将图像始终放在中心页面(为ajax调用加载Ex图像).如何?

css

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

2 div栏:固定和液体.固定一个必须是可移动的.Liquid one必须是代码中的第一个

考虑以下2个cols html结构:

<div id="container">
    <div class="left">some text</div>
    <div class="right">some text</div>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS:

#container { overflow: hidden; }
.left { float: left; width: 200px; background: red; }
.right { overflow: hidden; background: green; }
Run Code Online (Sandbox Code Playgroud)

jsFiddle中的相同代码 - http://jsfiddle.net/vny2H/

所以我们有2列.左栏宽度是固定的,右栏的宽度是液体.如果我们从html中删除左列,则右列会延伸到父级#container宽度的100%.

问题是:我们可以改变左右列的顺序吗?(我需要它用于SEO)

<div id="container">
    <div class="right"></div>
    <div class="left"></div>
</div>
Run Code Online (Sandbox Code Playgroud)

谢谢.


添加

有一种有趣的方法可以达到我想要的效果,但固定列变得不可移动.该方法基于负边际.http://jsfiddle.net/YsZNG/

HTML

<div id="container">

    <div id="mainCol">
        <div class="inner">
            <p>Some text</p>
            <p>Some text</p>
            <p>Some text</p>
            <p>Some text</p>
        </div><!-- .inner end -->
    </div><!-- .mainCol end -->

    <div id="sideCol">
        <p>Some text</p>
        <p>Some text</p>
        <p>Some text</p> …
Run Code Online (Sandbox Code Playgroud)

html css xhtml

4
推荐指数
1
解决办法
3692
查看次数

如何使用$ .unique()函数

请帮我理解,如何使用$.unique()功能.

来自文档:

在适当的位置对DOM元素数组进行排序,并删除重复项.

我正在尝试这段代码:

<h1 class="foo">Headline</h1>
<h1 class="foo">Headline</h1>
<h1 class="foo">Headline</h1>

alert( $.unique($('.foo')).length );
Run Code Online (Sandbox Code Playgroud)

它返回3,但我认为1.我错过了什么?看到使用此功能的一些实践示例会很棒.谢谢.

PS

我也尝试过几个数字,但得到了一个非常好奇的结果.以下代码在不同的浏览器中返回不同的值!

$.unique([ 1, 2, 2, 3, 3, 1 ])

  • Safari - 1,2,3,1
  • 歌剧 - 2,1,3
  • FF - 3,2,1,3
  • Chrome - 3,2,1
  • IE - 2,1,3

jquery

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

如何获取数组元素号?

考虑一个数组:

var array = ['one', 'two', 'three'];
Run Code Online (Sandbox Code Playgroud)

我需要迭代它并获得这样的警报:

0值为1

1值是2

2的值是3

for ( i=0; i<array.length; i++) {
  alert( 'The ' + ? + 'value is ' + array[i] );
}
Run Code Online (Sandbox Code Playgroud)

我怎样才能做到这一点?谢谢.

javascript

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

如何从"友好"网址获取vimeo id

众所周知,vimeo视频通常具有以下外观:

http://vimeo.com/123456
Run Code Online (Sandbox Code Playgroud)

但昨天我看到,有些视频不同,就像这一个:

https://vimeo.com/donialiechti/stranded
Run Code Online (Sandbox Code Playgroud)

有趣的是,当您点击链接时,您会在地址栏中看到

http://vimeo.com/64334084
Run Code Online (Sandbox Code Playgroud)

此视频的嵌入代码为:

<iframe src="http://player.vimeo.com/video/64334084"... ></iframe>
Run Code Online (Sandbox Code Playgroud)

问题是我的应用需要知道视频ID才能正常工作. 那么如何将"友好"的网址转换为常规的vimeo ID?

提前致谢!

php ajax vimeo

-1
推荐指数
1
解决办法
3378
查看次数

标签 统计

css ×3

html ×2

jquery ×2

ajax ×1

css-selectors ×1

javascript ×1

jquery-validate ×1

php ×1

vimeo ×1

xhtml ×1