我有<a>个<span>孩子.我写了一些CSS,当父母悬停时会改变孩子们的边框颜色,但是当我悬停孩子时它也会改变边框颜色,这不应该.
a {
padding: 50px;
border: 1px solid black;
}
a span {
position: absolute;
top: 200px;
padding: 30px;
border: 10px solid green;
}
a:hover span {
border: 10px solid red;
} Run Code Online (Sandbox Code Playgroud)
<a>
Parent text
<span>Child text</span>
</a>Run Code Online (Sandbox Code Playgroud)
我正在尝试在 json 中为 jQuery 甘特图动态生成数据。我知道 PHP,但对 JavaScript 完全没有兴趣。我已经阅读了很多关于如何将数据动态添加到 json 的解决方案,并尝试了几十种组合,但一无所获。这是json格式:
var data = [{
name: "Sprint 0",
desc: "Analysis",
values: [{
from: "/Date(1320192000000)/",
to: "/Date(1322401600000)/",
label: "Requirement Gathering",
customClass: "ganttRed"
}]
},{
name: " ",
desc: "Scoping",
values: [{
from: "/Date(1322611200000)/",
to: "/Date(1323302400000)/",
label: "Scoping",
customClass: "ganttRed"
}]
}, <!-- Somoe more data-->
}];
Run Code Online (Sandbox Code Playgroud)
现在我在 php db 结果中有所有数据。它是这样的:
$rows=$db->fetchAllRows($result);
$rowsNum=count($rows);
Run Code Online (Sandbox Code Playgroud)
这就是我想从中创建 json 的方式:
var data='';
<?php foreach ($rows as $row){ ?>
data['name']="<?php echo $row['name'];?>";
data['desc']="<?php echo $row['desc'];?>";
data['values'] = {"from" …Run Code Online (Sandbox Code Playgroud) 我有一个很少有猫头鹰轮播的页面。我希望能够在 HTML 代码中为这些猫头鹰轮播设置一些参数(使用类或数据属性)。
假设我在 HTML 中定义了两个数据属性,我创建了以下 jQuery 代码:
$(".owl-carousel").each(function( index ) {
var items_no = $(this).data('slides');
var autoplay = $(this).data('autoplay');
$(".owl-carousel").owlCarousel({
items : items_no,
autoplay: autoplay
});
});
Run Code Online (Sandbox Code Playgroud)
正如您所料,它不起作用。来自第一个 owl carousel 的参数应用于所有 carousel。我不知道如何使它工作。下面是我的尝试。
http://jsfiddle.net/t2gj8eg2/4/
我将非常感谢任何能够为我修复它的人。提前致谢
我在表格单元格中有hrefs.
我正在使用'for'循环迭代这些单元格以更改onclick函数.
但这不起作用.
这里有两个例子:
这有效:
for (var i = 0; i < tbl.rows.length - 1; i++) { // for each row
var len = document.getElementById("my_table").rows[i].cells.length-1;
document.getElementById("my_table").rows[i].cells[len].innerHTML = "X1";
}
Run Code Online (Sandbox Code Playgroud)
这不起作用:
for (var i = 0; i < tbl.rows.length; i++) { // for each row
var len = document.getElementById("my_table").rows[i].cells.length-1;
document.getElementById("my_table").rows[i].cells[len].onclick = function() {
deleteRows(i);
};
}
Run Code Online (Sandbox Code Playgroud)
可能有什么不对?
html ×2
javascript ×2
css ×1
for-loop ×1
function ×1
hover ×1
json ×1
nested ×1
onclick ×1
owl-carousel ×1
parent-child ×1
php ×1