我有一个水平行的div,都在同一个类中,如下所示:
1 2 3 4 5 6 7 8 9 10
我想要的是将css应用于其他所有奇数行,所以1,5,9等.
我试过了
.myClass:nth-child(n+4) and
.myClass:nth-child(odd),.myClass:nth-child(odd){
Run Code Online (Sandbox Code Playgroud)
但无法弄清楚:(
我在网页上有一个嵌入式Google地图.我不得不使用附加到Gmail帐户的地图,因为我使用多个位置.
地图顶部有一个部分不透明的条,我想摆脱它.每次加载地图时,栏都有一个不同的(唯一)类,所以我不能轻易地使用CSS隐藏它.
我甚至尝试过一些jQuery,因为它之前的兄弟姐妹总是有类,.gm-style
所以我试过这个:
$(function() {
// hide google title bar on map
setTimeout(function(){
$(".gm-style").next().hide();
},5000);
});
Run Code Online (Sandbox Code Playgroud)
但那没用.
是否有一些简单的方法,我不想隐藏那个酒吧?
如果我在 70% 宽的 div 旁边创建一个 30% 宽的内联块,它们不会水平排列。我必须让它们加起来小于 100%
html
<div id="wrapper">
<div id="w30">
width 30%
</div>
<div id="w70">
width 70%
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
css
#wrapper{
width:100%;
}
#w30{
background:yellow;
display:inline-block;
width:30%;
}
#w70{
background:pink;
display:inline-block;
width:70%;
}
Run Code Online (Sandbox Code Playgroud)
为什么 30% + 70% 似乎比 100% 更宽?
我的JavaScript代码是这样的:
var i=0;
var ret=[];
ret[i][0]=newID;
ret[i][1]=jobTitle;
ret[i][2]=jobText;
ret[i][3]=jobEmail;
ret[i][4]=jobOrder;
Run Code Online (Sandbox Code Playgroud)
这些都是字符串,都有价值.我收到错误:
"未捕获的TypeError:无法在第一次赋值时设置未定义的属性'0':ret [i] [0] = newID;
jsfiddle http://jsfiddle.net/Zf9rE/2/也有错误
我究竟做错了什么?
我正在使用英特尔XDK,我找不到在CODE和DESIGN模式之间切换的愚蠢按钮.根据英特尔"入门"视频,它应该在这里:
但我的看起来像这样:
我不得不相信我错过了一些简单的事情.
我在每张幻灯片上使用带有标题的 flexslider。这是有效的,除了我希望标题位于幻灯片的顶部,而不是底部。我可以看到将标题放在顶部的唯一方法是绝对定位它,但是当我这样做时,标题的宽度太宽(数千像素,而不是与父元素一样宽)。
<div class="flexslider">
<ul class="slides">
<li>
<img src="data/homeSlides/brennys.jpg">
<p class="flex-caption">Brenny's Motorcycle Clinic ></p>
</li>
<li>
<img src="data/homeSlides/aledoFireStation.jpg">
<p class="flex-caption">Aledo Fire Protection District ></p>
</li>
<li>
<img src="data/homeSlides/trueNorth.jpg">
<p class="flex-caption">True North ></p>
</li>
<li>
<img src="data/homeSlides/operationThreshold.jpg">
<p class="flex-caption">Operation Threshold ></p>
</li>
<li>
<img src="data/homeSlides/sadler.jpg">
<p class="flex-caption">Sadler ></p>
</li>
</ul>
</div>
Run Code Online (Sandbox Code Playgroud)
css:
.flex-caption {
background:rgba(73, 92, 94, 1);
height:50px;
line-height:50px;
margin:0;
text-align:right;
color:#ff5200;
padding-right:20px;
bottom:0;
width:98%;
}
Run Code Online (Sandbox Code Playgroud)
如何让标题正确显示在幻灯片的顶部?
我想在 div 中“找到”带有 .removeRow 类的按钮后使用alertify.js
$(".removeRow").find("button").click(function(){
alertify.confirm("remove this field?", function (e) {
if (e) {
// user clicked "ok"
$(this).closest(".agrRow").remove();
}
});
});
Run Code Online (Sandbox Code Playgroud)
问题是在我调用alertify之后,我失去了“this”的值。如何将“this”传递到alertify函数中?
css ×4
javascript ×3
jquery ×3
html ×2
alertify ×1
arrays ×1
flexslider ×1
google-maps ×1
intel-xdk ×1