我需要在我为客户构建的网站中使用jquery parallax,我主要是一个后端开发人员,所以我正在学习更多关于前端和jquery等的内容.我遇到了一些例子,例如http:// www. nikebetterworld.com/和教程然而我担心版权问题,所以我想知道是否有人为初学者发现了一个可靠而简单的教程来创建视差效果？谢谢
我试图异步加载我的谷歌地图,它的工作原理,但它加载地图两次.如果我删除" box.onload = initialize;"这会阻止该问题,但信息框没有显示...我如何修复我的代码所以它只加载地图一次并显示信息框.
function loadScript() {
var map = document.createElement('script');
map.type = 'text/javascript';
map.src = 'https://maps.googleapis.com/maps/api/js?key=key_goes_here&sensor=false&callback=initialize';
document.body.appendChild(map);
map.onload = function() {
var box = document.createElement('script');
box.type = 'text/javascript';
box.src = 'https://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/src/infobox_packed.js';
document.body.appendChild(box);
box.onload = initialize;
};
}
window.onload = loadScript;
我设置了Fancybox,这样当用户点击pdf链接时,它会弹出一个pdf,但是在Firefox中它会询问您是要保存还是打开文件,我不想这样做.如何强制pdf显示在fancybox弹出窗口中？它适用于Safari.
<a class="pdf" href="http://www.test.co.u.uk/test.pdf">test.pdf</a>
$(".pdf").fancybox({
'width' : '700',
'height' : '700',
'autoScale' : true,
'transitionIn' : 'none',
'transitionOut' : 'none',
'type' : 'iframe'
});
我试图上传多个图像,我有一个jquery插件设置,所以我可以浏览多个文件并选择它们.
我唯一的问题是访问我的控制器中的文件阵列,有谁知道我怎么做到这一点？谢谢.
视图:
<input type="file" name="userfile[]" id="userfile" class="multi" />
我试图让不透明度在IE中工作,我现在在IE8中测试,Chrome等工作正常,但IE8很糟糕.
我的代码是:
$('#mydiv').animate({'opacity': '0.5'});
和
$('#mydiv').css('opacity', 0.5);
不透明度适用于此div中保存的图像,但没有任何文字,这是非常令人愤怒的:(任何人都可以帮助我吗？在此先感谢.
我想知道是否有人知道如何使用Fancybox/Lightbox等在jQuery中显示PDF？我试过没有成功!
我有它的工作,但由于某种原因,它刚刚停止工作,我不知道我做了什么.箱子divs左边漂浮,我只是不知道我哪里出错了.
jQuery的
var $container = $('.work');
$container.imagesLoaded(function(){
$container.masonry({
itemSelector: '.box',
isAnimated: true,
columnWidth: 250
});
});
HTML
<div id="part-one" class="work">
<div class="box col2"><img src="_assets/images/one.jpg" alt="" /></a></div>
<div class="box col2"><img src="_assets/images/two.jpg" alt="" /></a></div>
<div class="box col2"><img src="_assets/images/three.jpg" alt="" /></a></div>
<div class="box col2"><img src="_assets/images/four.jpg" alt="" /></a></div>
<div class="box col2"><img src="_assets/images/five.jpg" alt="" /></a></div>
</div>
CSS
.work {
margin-left:98px;
top:0;
max-width:1600px;
padding-bottom:100px;
position:absolute;
}
可能重复：
加载Ajax内容后滚动到顶部
我有一个ajax表单，提交时会显示错误或成功消息，理想情况下，我想将浏览器滚动到表单顶部，以便用户可以看到这些消息，但是当我实现此功能时，它似乎无法正常工作而且我不知道如何解决它：-/它滚动得不够高或刷新吗？:(我很茫然，如果你能指导我的话，那太好了:)
$('#submit').bind('click', function(){
$('body, html').animate({scrollTop:$('form').offset().top}, 'slow', 'easeInCubic');
$.ajax({
url:$(this).attr('action'),
type:'POST',
data:$('form').serialize(),
dataType:'json',
success:function(respond) {
if(respond.result == 'false') {
var error_msg = '<h3>Please correct the following errors:</h3><ul>'+respond.errors+'</ul>';
$('.error_msg').html(error_msg);
} else {
var success_msg = '<h3>Success!</h3>';
$('.error_msg').empty();
$('.success_msg').html(success_msg);
$('form').find("input[type=text], textarea").val("");
setTimeout(function() {
$('.success_msg').slideUp();
}, 5000);
}
}
});
return false;
});
HTML：
<form method="post" action="form.php">
<div class="error_msg"></div>
<div class="success_msg"></div>
<label for="name">Name?</label>
<input type="text" value="" name="name" />
<label for="email">Email?</label>
<input type="text" value="" name="email" />
<input id="submit" type="submit" value="Submit" name="submit" />
</form>
我有一堆浮动的div,我有一个函数检查每个div的位置,如果div的左边位置为0,那么它将添加一个类.
但是,当浏览器调整大小时,浮动的div会改变,例如我连续4开始,然后当我调整浏览器的大小时,它们会降低到3,然后是2,等等.
我希望能够循环我的函数,以便它连续检查div的左侧位置,看看它是否为0 ...我现在似乎无法将它转到wrk,我已经尝试了setInterval和窗口调整大小功能,这是我的代码:
$('.box').each(function(index, item){
if($(this).position().left == 0){
$(this).removeClass('right');
$(this).addClass('left');
} else {
$(this).removeClass('left');
$(this).addClass('right');
}
});