我不确定说出这个的最佳方式,这可能就是为什么我很难研究它,尽管它可能很简单.
我想要做的是将CSS应用于一组类.
比如我有课 .col-1, .col-2, .col-3, .col-4
我想要做的是制作一些css,可以说可能会改变所有类的文本的边框颜色,col-所以我不必将它应用于每个单独的数字.
我相信我以前见过这个,但想不出怎么做.
我试图按顺序编号列表,具体取决于我有多少div.
目前我正在使用一些代码来查找我的每个div的索引,1,2,3等,但我真正需要的是让每个div显示1A,1B,2A和2B,以便数字是重复的,在带有字母B的最后一个数字之后,它会移动到下一个数字.
这是我用于示例的代码:
HTML:
<div class="patch-cell">
<div class="fader-number">test</div>
</div>
<div class="patch-cell">
<div class="fader-number">test</div>
</div>
<div class="patch-cell">
<div class="fader-number">test</div>
</div>
<div class="patch-cell">
<div class="fader-number">test</div>
</div>
<div class="patch-cell">
<div class="fader-number">test</div>
</div>
<!--example of how I want it to look--->
<div class="patch-cell-test">
<div class="fader-number">Example 1 A</div>
</div>
<div class="patch-cell-test">
<div class="fader-number">Example 1 B</div>
</div>
<div class="patch-cell-test">
<div class="fader-number">Example 2 A</div>
</div>
<div class="patch-cell-test">
<div class="fader-number">Example 2 B</div>
</div>
脚本:
$('.patch-cell').each(function() {
$(this).find('.fader-number').append('<span class="patching-numbering">' + ($(this).index() +1) + "</span>");
});
我一直在使用超大jQuery作为我网站的幻灯片背景.我正在使网站响应并使用css媒体查询.
我希望能够在低于480px时禁用该脚本.
这是实际滑块背景的脚本
$(document).ready(function(){
jQuery(function($){
$.supersized({
// Functionality
slideshow : 1, // Slideshow on/off
autoplay : 0, // Slideshow starts playing automatically
start_slide : 1, // Start slide (0 is random)
stop_loop : 0, // Pauses slideshow on last slide
random : 0, // Randomize slide order (Ignores start slide)
slide_interval : 3000, // Length between transitions
transition : 6, // 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
transition_speed : 1000, // Speed …我一直在做一些需要我使用空格键来触发事件的东西.我一直在努力的事情要复杂得多,但我把它简化为基础知识,作为我需要做的事情的一个例子.
这个想法是,当空格键被按下时,它会突出显示这个div,当它被放开时它会突出显示.我有一个问题,当我按下空格时,默认是让滚动条分阶段跳下来.为了解决这个问题,我尝试添加防止默认值,然后最终使用return false.
这很棒......直到我意识到当我在输入字段文本框中进行测试时,我已经取消了在打字时放置空间的能力.
我认为我需要的是:
真的不知道该怎么做.
这是我在这个例子中使用的代码:
HTML
<div class="container">
<div class="moo">I am moo</div>
<input/>
</div>
CSS:
.container {
height:9000px;
}
.moo {
border:1px solid black
}
.red {
background:red;
}
input {
margin-top:30px;
}
脚本:
$(document).keydown(function(e) {
if(e.keyCode === 32) {
$('.moo').addClass('red');
//event.preventDefault();
//event.stopPropagation();
return false;
}
else {
$('.moo').removeClass('moo');
}
});
$(document).keyup(function(e) {
if(e.keyCode === 32) {
$('.moo').removeClass('red');
event.stopPropagation();
}
});
我使用以下代码进行验证，它只允许使用字母和数字以及一些允许的字符。
$('input').bind('keypress', function (event) {
var regex = new RegExp("^[a-zA-Z0-9%()#@-_& ]+$");
var key = String.fromCharCode(!event.charCode ? event.which : event.charCode);
if (!regex.test(key)) {
event.preventDefault();
return false;
}
});
我遇到的唯一问题是，如果您复制和粘贴任何不允许的字符，那么这并不能阻止它。我知道我在某个地方看到过这样做，它可以防止粘贴字符。有什么想法吗？
我正在创建我的投资组合网站,我想在我的页面上包含头部作为php include.原因是因为该网站将有一些公平的页面,我将在稍后对事物进行更改,如整理css文件.
例如;
<head>
<?php include('head.php'); ?>
</head>
而不是在每一页上显示以下所有内容:
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title></title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/1140.css">
<link rel="stylesheet" href="css/ie.css">
<script src="js/vendor/modernizr-2.6.1.min.js"></script>
</head>
我只是不知道这是不是很好的做法,因为这是我的投资组合网站,我需要从一开始就正确的代码,因为他们也可能会考虑它的标准.
您对此有何看法和建议？谢谢.
我正在尝试按下按钮时创建水平滚动DIV,它将滚动到相应的DIV ID.
我使用了以下代码,但它的行为非常错误,例如,如果您单击第2部分,然后在第2部分单击3.
我需要左边的部分是200px,而不是在左边滚动到0px.我认为这导致我遇到问题.
这是在行动中看到它的小提琴
http://jsfiddle.net/susannalarsen/vurbwete/
.nav {
position:absolute;
z-index:10000;
background:red;
left:0;
}
#content {
position:absolute;
left:200px;
top:0px;
right:0px;
bottom:0px;
overflow:auto;
-webkit-overflow-scrolling: touch;
background:green;
}
.inner-content {
height:105%;
padding-right:9000px;
}
#control-faders-wrapper {
white-space:nowrap;
padding-right:200000px;
}
.section{
margin:0px;
bottom:0px;
width:600px;
display:inline-block;
height:100%;
text-shadow:1px 1px 2px #f0f0f0;
}
.black{
color:#fff;
background:#000 url(../images/black.jpg) no-repeat top right;
}
.white{
color:#000;
background:#fff url(../images/white.jpg) no-repeat top right;
}
.desk-fader-container {
background:#e8e8e8;
border:1px solid #d2d2d2;
padding:7px;
font-size:12px;
text-align:center;
display:inline-block;
margin-left:10px;
padding-top:20px;
-webkit-border-bottom-right-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-bottomright: 7px; …