小编Dra*_*zah的帖子
将类添加到具有特定类的所有元素
我对javascript和jquery有点新鲜,我有一些麻烦按照"好"的方式做我想做的事情.
我有一个像这样的HTML网页:
<div class="list-group">
<a href="#all" id="category-all" class="list-group-item active">All</a>
<a href="#" id="category-0" class="list-group-item">Foo</a>
<a href="#" id="category-1" class="list-group-item">Bar</a>
<a href="#" id="category-2" class="list-group-item">FooBar</a>
</div>
<div class="row">
<div class="category-0">element 1</div>
<div class="category-1">element 1</div>
<div class="category-1">element 1</div>
<div class="category-0">element 1</div>
<div class="category-2">element 1</div>
<div class="category-0">element 1</div>
<div class="category-2">element 1</div>
</div>
我想添加某种"过滤器",如果你点击某个类别链接,其他类别的所有元素都将消失.我设法通过在我的css中添加一个名为invis的类来显示"display:none",然后写了这个:
$( ".list-group-item" ).click(function() {
$(".list-group-item").removeClass('active');
$( this ).toggleClass("active");
var test = "." + event.target.id;
$(".category-0").addClass('invis');
$(".category-1").addClass('invis');
$(".category-2").addClass('invis');
if (test == ".category-0")
$(".category-0").removeClass('invis');
if (test == ".category-1")
$(".category-1").removeClass('invis');
if (test == ".category-2")
$(".category-2").removeClass('invis');
if …推荐指数
解决办法
查看次数
如何在<input>中放入<span>？
这不是重复的.虽然我基本上在寻找与其他帖子相同的结果,但我想以不同的方式去做.他们正在使用背景图片,我想用一个<span>.
我正在尝试创建一个文本框,以便当用户输入文本框时,右侧会显示"X".但是,当盒子里没有文字时,我不希望"X"出现,就像现在一样.
我尝试将"X"设为白色,并在滑动时将其转换为颜色,但是当你将mousedown拖到它上面时仍然可以选择.
我想我需要将它放在文本框中(不知何故),然后将其滑动到右侧并使用隐藏它overflow: hidden.我也尝试过这样做,但我无法随心所欲.
http://jsfiddle.net/qgy8Ly5L/16/
本<span>应该是"落后"的白色背景时,它没有显示.中期过渡应如下所示:
这可能在CSS中,如果是这样,我该怎么办？
推荐指数
解决办法
查看次数
单击下拉列表时,如何隐藏默认<select> <option>？
我想要一个<select>默认选择的元素是"____".换句话说,空白.
当关注下拉列表时,我希望"____"选项不在可以选择的选项中.这样,用户必须选择"____"以外的选项作为选项.
那有意义吗？
插图
关闭:
开业时间:
如您所见,选择"___"选项时不在列表中.那是我期望的最终结果.
我已经尝试使用onFocus事件来删除选项,但这只是取消了元素,并将默认选项替换为另一个.
推荐指数
解决办法
查看次数
onLoad,onDomready,No wrap in in <head>和No wrap in in <body>之间有什么区别？
我使用JSFiddle来编辑我的代码.但是,在某些代码中,当我运行JavaScript或jQuery时,除非我选择"No wrap - <head>"或"No wrap - <body>",否则它不起作用.
JSFIDDLE在这里
在上面的小提琴中,你会注意到除非你选择了"No wrap - "或"No wrap - " 这个扩展名,否则你<button>不会点击该元素.alert()<head><body>
我是一个好奇的人,喜欢理解事情的运作方式.该选项究竟发生了什么变化,为什么要改变它？
推荐指数
解决办法
查看次数
CSS保证金:0自动; 没有在<img>标签上工作
我的标记很简单,我正在使用内联CSS.我的目标是margin: 0 auto;在styleHTML属性中使用图像居中.这是我尝试过的代码:
<div style="width: 100%;">
<img src="http://dummyimage.com/200x300/000000/fff" style="margin: 0 auto;"/>
</div>为什么CSS不以我为中心<img>？
推荐指数
解决办法
查看次数
将填充,边距,边框设置为0后,<button>有多余的边距
下面的示例显示了<button>父元素高度不是按钮高度的元素.删除多余高度同时保持语义并保持<button>内联的最佳方法是什么？
如果我将按钮设置为,display:block则删除多余的高度.如果我将父级的font-size设置为0,那么它也会被删除.如果我将其更改<button>为<div>元素,那么它也会被修复.我应该不是语义吗？
我已在稳定版Google Chrome下对此进行了测试.
.box {
height: 30px;
width: 30px;
background-color: green;
}
.outer {
background-color: blue;
}
button {
border: 0;
margin: 0;
padding: 0;
}<div class='outer'>
<button class='box'></button>
</div>推荐指数
解决办法
查看次数
如何打断内联 CSS 中的所有行或不打断？
我正在为一家公司设计一封 HTML 电子邮件。我的底部页脚有问题。目前，它看起来像这样：
我喜欢它！
当它的大小调整很多时，它看起来像这样：
精彩的！我确实希望页脚分成 3 行。
但是，当我调整一半窗口大小时，它看起来像这样：
我可以使用什么 CSS 代码来使页脚断掉所有行，或者不断行？它需要始终看起来像这样：
或这个：
但绝对不要这样：
永远不要这样：
我尝试了多种组合都white-space: nowrap;无济于事。当任何线路断开时，它们都需要同时断开。<table>也许这可以通过?来完成。
感谢您的帮助。CSS 需要内联并且没有媒体查询。JavaScript 对 HTML 电子邮件的支持非常有限且不可靠，因此，我希望不需要它。
推荐指数
解决办法
查看次数
我可以为边距和填充设置背景颜色吗？
我想为 a 的边距和填充着色，<div>以便我可以在教育上使用它来表示 CSS 中的框模型。如何为这些元素设置颜色？
推荐指数
解决办法
查看次数
为什么eloquent中的模型名称与表名称不同？
当您在laravel中为eloquent创建模型时,User模型将被视为用户表.这是为什么？我们可以为模型使用确切的表名吗？
推荐指数
解决办法
查看次数
如何动态更新我的对象？
在这个简单的脚本中,我尝试更改包含在其中的字符串的值a.person.为什么不更新它object.property的价值？
function searchObject(object, value) {
object = value;
}
var a = {
person: "Ian"
};
searchObject(a.person, "James");
document.write(a.person);我认为输出应该是"詹姆斯",而不是"伊恩".为什么不更新我的对象？
推荐指数
解决办法
查看次数
标签 统计
css ×6
html ×4
javascript ×4
jquery ×2
eloquent ×1
hide ×1
html-email ×1
html-select ×1
input ×1
jsfiddle ×1
laravel ×1
margin ×1
orm ×1