小编Lun*_*egg的帖子

将数据属性添加到DOM

$('div').data('info', 1);

alert($('div').data('info'));
//this works    

$('div[data-info="1"]').text('222');
//but this don't work
Run Code Online (Sandbox Code Playgroud)

我在jquery中创建元素.之后,我想添加属性"数据".他喜欢并且被添加了,但是在DOM中,这并不明显,我无法使用该项目

$('div[data-example="example"]').html()
Run Code Online (Sandbox Code Playgroud)

的jsfiddle

jquery html5 custom-data-attribute

155
推荐指数
5
解决办法
22万
查看次数

如果使用css超过一行,则选中全宽

我有一些像这样的标准bootstrap 3.0(nav-tabs)选项卡

| XXXXX | YYYYY | ZZZZZZ |_________________
Run Code Online (Sandbox Code Playgroud)

如果我缩小屏幕两次,例如,我得到了这个

| XXXXX | YYYYY |
| ZZZZZ |________
Run Code Online (Sandbox Code Playgroud)

但我希望当标签向下移动到第二行时,它必须是这样的100%宽度

| XXXXX | YYYYY |
|     ZZZZZ     |
Run Code Online (Sandbox Code Playgroud)

如果制表符不适合一行,则始终为全宽

| XXXXX | YYYYY |
| AAAAA | BBBBB |
|     ZZZZZ     |
Run Code Online (Sandbox Code Playgroud)

JSFiddle - https://jsfiddle.net/28rhp52s/

这只能用css吗?

UPDATE

如果标签适合一行(例如,没有最后一行),则他们不想移动

| XXXXX | YYYYY | ZZZZZ |
|         AAAAA         |
Run Code Online (Sandbox Code Playgroud)

但如果它们总是像这样均匀地移动,那就完美了

|     XXXXX     |   YYYYYY   |
|     ZZZZZ     |   AAAAAA   |

|    XXXXX    |    YYYYYY    |
|           ZZZZZ            |

|  XXXXX  |  YYYYY …
Run Code Online (Sandbox Code Playgroud)

html css css3 navbar twitter-bootstrap

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

在Mozilla 24.0中附加文件时出错

早期代码在所有浏览器中都运行良好.更新到新版本的Mozilla后出错了.在谷歌我发现只有一个链接 - https://bugzilla.mozilla.org/show_bug.cgi?id=796850,我不明白,如何摆脱问题.

TypeError: Cannot convert string to ByteString because the character at index 0 has value 1054 which is greater than 255.
xhr.setRequestHeader("X-File-Name", file.name);
Run Code Online (Sandbox Code Playgroud)

在这段代码中:

....
xhr.open('POST', get_page_url() + '?operation=upload_files');
xhr.setRequestHeader("Cache-Control", "no-cache");
xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest");
xhr.setRequestHeader("X-File-Name", file.name);
xhr.send(file);
...
Run Code Online (Sandbox Code Playgroud)

file.name正常的西里尔文件名中带有扩展名.

javascript mozilla file-upload xmlhttprequest

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

JS中的一个函数,带参数传递

这是工作中的测试任务.

一位农民有兔子.每只兔子都是它的重量.到时候,他杀了他们的功能cut(rabbit).你必须编写一个切割函数,使其具有外观 cut(rabbit1)(rabbit2)...(rabbitN)并推断出兔子的总质量和数量.

例如:

var rabbit1 = {weight: 5},
    rabbit2 = {weight: 4};

console.log(cut(rabbit1)(rabbit2));
Run Code Online (Sandbox Code Playgroud)

在控制台中,我们将看到"9公斤兔子或2件".

JSFiddle - https://jsfiddle.net/sjao7ut8/

我怎么写函数cut()

javascript

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

悬停后颜色 TD

例如,我有一个包含 1 行的表格,该行中有许多单元格。

<table>
  <tr>
    <td></td>
    <td class="red"></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>
Run Code Online (Sandbox Code Playgroud)

使用 JS,我选择一个单元格并对其应用一些类,该类为该单元格着色。我需要什么?我需要在点击之前对单元格进行颜色(选择)。例如,当我将鼠标悬停在最后一个单元格上时,我需要在带有 的单元格class="red"和带有 的单元格之间对单元格进行颜色处理hover。就像是

.red + :hover {
    background: green;
}
Run Code Online (Sandbox Code Playgroud)

如果我将鼠标放在左侧,则在带有单元格的class="red"单元格之前也需要在悬停(包括悬停)和具有某种类别的单元格之间进行着色。只用CSS就能完成吗?在实际情况中,我有很多行和很多单元格。

JSFiddle - https://jsfiddle.net/ssq8dzje/

html css

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