小编Bar*_*din的帖子
简单的JavaScript倒计时器的代码？
我想使用一个简单的倒数计时器,从运行函数30秒开始,到0结束.没有毫秒.怎么编码？
推荐指数
解决办法
查看次数
如何关闭网络风暴的自动保存
我正在使用meteor和Webstorm进行开发,因为流星会在您停止输入后自动更新浏览器并保存Webstorm.这很烦人.我检查了我的偏好,我可以看到我已经"自动保存"未经检查.如何在Web风暴中完全停止自动保存功能？
推荐指数
解决办法
查看次数
如何用另一个响应替换窗口的URL哈希？
我试图用替换方法更改散列URL(document.location.hash),但它不起作用.
$(function(){
var anchor = document.location.hash;
//this returns me a string value like '#categories'
$('span').click(function(){
$(window).attr('url').replace(anchor,'#food');
//try to change current url.hash '#categories'
//with another string, I stucked here.
});
});
我不想更改/刷新页面,我只想更换URL而不做任何回复.
注意:我不想用href ="#food"解决方案来解决这个问题.
推荐指数
解决办法
查看次数
如何懒惰加载div背景图像
正如你们许多人所知,它被广泛用于延迟加载图像.
现在我想用它作为延迟加载div背景图像.
我怎样才能做到这一点 ？
我目前能够使用http://www.appelsiini.net/projects/lazyload这个插件
所以我需要以与div背景一起使用的方式修改它
需要帮忙.谢谢.
下面我假设延迟加载图像
$self.one("appear", function() {
if (!this.loaded) {
if (settings.appear) {
var elements_left = elements.length;
settings.appear.call(self, elements_left, settings);
}
$("<img />")
.bind("load", function() {
$self
.hide()
.attr("src", $self.data(settings.data_attribute))
[settings.effect](settings.effect_speed);
self.loaded = true;
/* Remove image from array so it is not looped next time. */
var temp = $.grep(elements, function(element) {
return !element.loaded;
});
elements = $(temp);
if (settings.load) {
var elements_left = elements.length;
settings.load.call(self, elements_left, settings);
}
})
.attr("src", $self.data(settings.data_attribute));
} …推荐指数
解决办法
查看次数
如何使用滑动或不透明效果构建简单的jQuery图像滑块？
我们中的一些人可能不想使用现成的插件,因为它们的大小很大,并且可能与当前的javascript产生冲突.
之前我使用的是轻型滑块插件,但是当客户进行模块化修改时,它变得非常难以操作.然后我的目标是建立我的容易定制它.我相信滑块从一开始就不应该那么复杂.
构建jQuery图像滑块的简单而干净的方法是什么？
推荐指数
解决办法
查看次数
JQuery解析JSON数组
我有JSON如下输出:
["City1","City2","City3"]
我想获得每个城市名称,我该怎么做？
$.getJSON("url_with_json_here",function(json){
});
编辑:
$.getJSON('url_here', function(data){
$.each(data, function (index, value) {
$('#results').append('<p>'+value+'</p>');
console.log(value);
});
});
以上似乎不起作用,没有输出值.
推荐指数
解决办法
查看次数
在方向更改后更改视口宽度后如何适应屏幕？
我需要页面的视口宽度为横向950px和纵向630px.遗憾的是,这些像素宽度不灵活.
我正在使用CSS媒体查询根据方向调整DOM内容的宽度.
我正在侦听JS中的方向更改事件,以便在方向更改时调整视口大小.
初始页面加载(纵向或横向)上的一切看起来都很好.
但是,在方向更改后,Mobile Safari会保留先前的比例设置,而不是将视口拟合到屏幕.双击或两次拉直.但我需要自动化.
我已经附上了下面的源代码,并将其上传到了一个演示URL.
以下是方向更改后拍摄的屏幕截图:从横向到纵向,从纵向到横向.
如何强制Safari自动将视口宽度设置为屏幕宽度？或者我这样做是错的？
更改视口中的各种比例设置没有帮助.设置maximum-scale=1.0或initial-scale=1.0似乎覆盖我的width设置width为device-width(即iPad 2上的1024或768),留下死边距.设置minimum-scale=1.0似乎什么都不做.
<!DOCTYPE html>
<html>
<head>
<title>iPad orientation</title>
<meta name="viewport" content="user-scalable=yes">
<script src="jquery-1.4.2.min.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">;
/**
* update viewport width on orientation change
*/
function adapt_to_orientation() {
// determine new screen_width
var screen_width;
if (window.orientation == 0 || window.orientation == 180) {
// portrait
screen_width = 630;
} else if (window.orientation == 90 || window.orientation …推荐指数
解决办法
查看次数
HTML5视频忽略了z-index
所以这就是我到目前为止所尝试的:
<div id="video" style="position:absolute;margin-top: 231px;margin-left: 127px;">
<video width="520" height="390" style="z-index:-10;">
<source src="m/video.ogv" type="video/ogg">
<source src="m/video.mp4" type="video/mp4">
</video>
</div>
我有一个固定的菜单,当菜单在视频上时,视频似乎忽略了z-index.我目前正在研究镀铬窗户,没有运气.有任何想法吗？
推荐指数
解决办法
查看次数
cmd + s和ctrl + s的jquery按键事件
使用前一个问题中的一个示例,我有:
$(window).keypress(function(event) {
if (!(event.which == 115 && event.ctrlKey) && !(event.which == 19)) return true;
$("form input[name=save]").click();
event.preventDefault();
return false;
});
是否也可以将其更改为适用于Mac cmd键？
我试过(!(event.which == 115 && (event.cmdKey || event.ctrlKey)) && !(event.which == 19))但这没用.
推荐指数
解决办法
查看次数
如何使用jQuery构建简单的选项卡？
我有以下代码:小提琴
这在我自己创建的网站中非常有效,而且没有JS,标签充当相关部分的跳转链接.当放置在定制的CMS中时,我被迫使用此时跳转链接不起作用.我已经尝试添加更多相对链接到选项卡,这使得它没有JS工作,但使用JS标签内容不显示.
我错过了什么吗？
HTML:
<ul id="tabs">
<li><a href="#tab1">test1</a></li>
<li><a href="#tab2">test2</a></li>
<li><a href="#tab3">test3</a></li>
<li><a href="#tab4">test4</a></li>
</ul>
<div class="container" id="tab1">Some content</div>
<div class="container" id="tab2">Some content</div>
<div class="container" id="tab3">Some content</div>
<div class="container" id="tab4">Some content</div>
jQuery的:
$('#tabs li a:not(:first)').addClass('inactive');
$('.container').hide();
$('.container:first').show();
$('#tabs li a').click(function(){
var t = $(this).attr('href');
$('#tabs li a').addClass('inactive');
$(this).removeClass('inactive');
$('.container').hide();
$(t).fadeIn('slow');
return false;
})
if($(this).hasClass('inactive')){ //this is the start of our condition
$('#tabs li a').addClass('inactive');
$(this).removeClass('inactive');
$('.container').hide();
$(t).fadeIn('slow');
}
推荐指数
解决办法
查看次数