我有几个列表,当用户点击某个项目时,我希望它将类更改为当前,但是如果用户然后单击同一列表中的另一个项目将其切换为当前并从之前删除当前项目项目已选中.
任何快速的例子,我知道这可能已经存在但是找不到一个好的例子.
<ul id="list">
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
<li>item 4</li>
</ul>
Run Code Online (Sandbox Code Playgroud)
因此,如果单击项目1,它将是类当前,但如果单击项目2则关闭.
请问我是否指向使用HTML/CSS/jQuery的火车站出发板的实现?
我有一组<ul>动态创建的,我需要<li>在每一个的最后添加一个类.
我有:
$('ul li:last').each(function(){
$(this).addClass("last");
});
Run Code Online (Sandbox Code Playgroud)
但这仅仅增加了class="last"最后一个<ul>而不是所有<ul>的.
我希望<li>每个人的最后一个都<ul>加入课程,而不仅仅是最后一个<ul>.
我有一个jquery滑块,适用于几张图片.当JS关闭时,客户希望图片以向下的方式堆叠.问题是我有一个标题,每个图片是一篇文章的链接.JS关闭时每张图片的标题现在只在底部.
有没有办法在JS关闭时设置页面样式?那么,Javascript被禁用,这个样式用于本节?
我有一个显示圆圈的 Google 地图,使用数据集索引(1、2、3、4..)缩小的半径:
var radiusTest = 1 - (mapDataTrending[i].index) * .1;
var populationOptions = {
strokeColor: "#fdb913",
strokeOpacity: 0.35,
strokeWeight: 1,
fillColor: "#fdb913",
fillOpacity: 0.35,
map: map,
center: new google.maps.LatLng(mapDataTrending[i].lat, mapDataTrending[i].lng),
radius: radiusTest * 800
};
cityCircle = new google.maps.Circle(populationOptions);
Run Code Online (Sandbox Code Playgroud)
我希望当用户放大时圆圈不会变大。当用户放大时圆圈会缩放,并且如果用户放大到像 20 这样的整数,我希望它们不会变得那么大。
这是我制作地图的方法:
var mapOptions = {
center: new google.maps.LatLng(30.26826, -97.743044),
zoom: 14,
panControl: false,
zoomControl: false,
scaleControl: false,
disableDefaultUI: true,
mapTypeControlOptions: {
mapTypeIds: [google.maps.MapTypeId.ROADMAP, 'map_style']
}
};
map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);
Run Code Online (Sandbox Code Playgroud)
有没有办法可以根据地图缩放来控制圆半径?
我有一个带有ImageUrl和ThumbUrl的对象数组.如果ThumbUrl为null,我想用ImageUrl替换它.我有这个,但它不起作用:
$.each(results.Photos, function(i, pic){
pic.ImageThumbUrl == null ? pic.ImageUrl;
topicsPhoto.push({
picUrl: pic.ImageUrl,
picThumb: pic.ImageThumbUrl,
picDescription: pic.Description
});
});
Run Code Online (Sandbox Code Playgroud) 我有一个数字列表,最高可达数字10:1,2,3,4,5,6,7,8,9,10
我需要在除了数字10之外的每个数字前加一个零.
所以它看起来像这样:01,02,03,04,05,06,07,08,09,10
HTML看起来像这样:
<p class=?"number weight-400">?1</p>?
<p class=?"number weight-400">?2?</p>?
<p class=?"number weight-400">?3?</p>?
<p class=?"number weight-400">?4?</p>?
<p class=?"number weight-400">?5?</p>?
<p class=?"number weight-400">?6?</p>?
<p class=?"number weight-400">?7?</p>?
<p class=?"number weight-400">?8?</p>?
<p class=?"number weight-400">?9?</p>?
<p class=?"number weight-400">?10?</p>?
Run Code Online (Sandbox Code Playgroud)
我有jquery抓住他们所有,但我需要弄清楚如何将零添加到前9个而不是第10个:
$("p.number").each(function(i, index){
if (index < 10){
}
});
Run Code Online (Sandbox Code Playgroud)
但我的每个函数都抓住<p>了p标签内的所有而不是整数.
当另一个信息框打开时,我需要关闭一个信息框。我看过很多关于此的帖子,并且尝试了我读过的所有内容,但没有运气。
我认为我的问题是没有信息框的全局变量,但在我做了一个之后仍然没有运气。但是,如果您单击地图,它将关闭所有信息框,因此不确定为什么会起作用,但当您单击另一个标记时却不起作用?
这是我当前的JS:
var infobox;
function createMap(mapDataTrending, mapDataRestaurants, mapDataBars) {
//circles for 4sq Trending data
var cityCircle, cityCircle2, cityCircle3, infobox, infobox2, infobox3;
for (var i = 0; i < mapDataTrending.length; i++) {
contentString = '<p class="venuename"> ' + mapDataTrending[i].name + '</p>';
contentString += '<p class="venueaddress"> ' + mapDataTrending[i].address;
contentString += '<p class="venuecount"> ' + mapDataTrending[i].count + " ARE HERE";
infobox = new InfoBox({
content: contentString,
//content: document.getElementById("infobox"),
disableAutoPan: false,
maxWidth: 150,
pixelOffset: new google.maps.Size(-140, 6),
zIndex: null,
boxClass: "infoTrending",
boxStyle: …Run Code Online (Sandbox Code Playgroud) 我有多个div,左边是一个图像(每个div的高度不同),将决定每个div的高度.div的右侧顶部有一个标题,下面有内容,因此标题是纯色,内容是另一种纯色.
我的问题是右侧有圆角,所以我需要在所有x-broswering的顶部和底部都有一个图像.我不想根据左图的高度调整每个div的高度.有没有办法设置它,所以右侧将匹配左图像的高度?
这有意义吗?
编辑:对不起,这不清楚.这应该有所帮助:http://jsfiddle.net/xtian/cMs7m/
我无法使用PIE,因为我只需要特定的圆角来圆角,它只支持所有4个圆角.我不得不使用图片,我很乐意远离IE,但它还不是真的可能.
我有一些条形填充高度%,但正好在页面加载时我想要所有的条形填充然后减少到0.我知道如何用for循环填充它:
for(i = 1; i <= 100; i++)
Run Code Online (Sandbox Code Playgroud)
但要让它回来
for(i = 100; i == 100; i--)
Run Code Online (Sandbox Code Playgroud)
我只是不确定如何将它们组合在一起使变量变为100然后降低到0?
我有一个if语句,在11:45之后将时间改回12:
i = (i >= 192) ? i - 192 : ( i >= 96) ? i - 96 : i
var mins = (i * 15 % 60)
var hours = Math.floor(i * 15 / 60)
var ampm = (hours >= 12) ? "PM" : "AM"
hours = (hours == 0) ? 12 : (hours >= 12) ? hours - 12 : hours;
var nextMins, nextHours = hours;
switch (mins) {
case 0:
mins = "";
nextMins = 15; …Run Code Online (Sandbox Code Playgroud) jquery ×8
javascript ×4
css ×3
google-maps ×2
html ×2
addclass ×1
arrays ×1
class ×1
if-statement ×1
infobox ×1
time ×1
zooming ×1