请考虑以下代码段:
<div class="div-outer">
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
<div class="div-inner" style="background:red">
Curabitur hendrerit vehicula erat, ut gravida orci luctus vitae.
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
现在假设外部div具有click与之关联的活动.click当我click在内心的任何地方时,如何确保不会触发现场直播div?
编辑:
这是JS的要求
$(".div-outer").live("click",function(){alert("hi")});
Run Code Online (Sandbox Code Playgroud)
点击".inner-div"时不应该触发这个
第一个.click函数用于在容器中添加元素(div),第二个用于从容器中删除它.容器最初没有元素.通过单击删除该功能不起作用
$(document).ready(function(){
$(".class1").click(function(){
//Code for adding element to the container and
// removing class1 from it and adding class2
});
$(".class2").click(function(){
alert("hi"); //Even the alert is not displayed
$(this).fadeOut(100);
});
});
Run Code Online (Sandbox Code Playgroud)
但是,如果在页面加载容器之前元素已经存在,则它可以工作.有什么原因吗?是因为document.ready函数?解决方案?
可以明确地说,我不是要为 css 做(伪)开始。只是想检查是否可以在伪元素上添加伪类。例如:
.some-class:after:hover {
}
Run Code Online (Sandbox Code Playgroud)
似乎不起作用。
这虽然有效:
.some-class:hover:after {
}
Run Code Online (Sandbox Code Playgroud)
当然,这不会:
.some-class:hover:after:hover {
}
Run Code Online (Sandbox Code Playgroud)
我想做的是 - 有一个 div。如果您将鼠标悬停在该 div 上,我将使用 :after 在 div 上附加一个删除图标。我想设计这个图标的样式(比如,把它放大到 1.1 左右)。这完全可以在 CSS 上实现吗?我只需要它在 Chrome 上工作。
我在运行以下内容时收到错误"Uncaught TypeError:无法设置未定义的属性'文本'"
var years= new Array(113);
for(i=0;i<113;i++){
years[i]["text"]=i+1900;
years[i]["value"]=i+1900;
}
Run Code Online (Sandbox Code Playgroud)
基本上,我希望用循环生成这样的东西
var years= [
{ text: "1990", value: 1990, },
{ text: "1991", value: 1991, }, //till 2012
];
Run Code Online (Sandbox Code Playgroud)
有帮助吗?