在使用Ajax的网站上工作-http://jasonanarchy.com
我正试图让装有图像的盒子重定向到他们各自的网站。(悬停时显示的域)
以下是其中一个框元素的代码:
<a href="http://anarchyplants.com" class="element element-portfolio portfolio ajax">
<input type="hidden" class="order" value="2">
<img src="/img/portfolio/aplants.jpg" class="portfolio-image" alt="portfolio image"/>
<span class="portfolio-title"><i class="icon-play"></i>Anarchy Plants
</span>
</a>
我的猜测是,"Element"调用是让盒子做这件时髦的ajax事情的原因,但如果我删除它,它就会打破盒子。我需要更改/编辑什么才能使其工作?
我想保留ajax的所有元素,但有了它,当你点击它时,你实际上会转到anarchyplants.com
AJAX点击链接:
/*
* Ajax link click (mainly for portfolio items but any content can be linked to)
*/
$('.ajax').click(function(e){
e.preventDefault();
var page = $(this).attr('href');
$('.container-footer').fadeOut(199);
$('.last-scroll').val($(document).scrollTop()); //current scroll posn to return to later
$('html').append('<img src="img/loading.gif" class="load-gif" style="z-index: 999"/>');
$('.load-gif').css({
position:'absolute',
left: ($(window).width() - $('.load-gif').outerWidth())/2,
top: ($(window).height() - $('.load-gif').outerHeight())/2
});
$('#container-isotope').fadeOut(200, function(){
$.get(page, function(data) {
$('.load-gif').remove();
$('.ajax-content').html(data);
$('#container-isotope').stop().hide();
$('.container-footer').fadeIn(599);
$('#container-ajax').fadeIn(600, function(){
$('.close-ajax').show();
});
window.scrollTo(0,0);
});
});
});
$('.close-ajax').click(function(e){
e.preventDefault();
$(this).hide();
$('.container-footer').fadeOut(199);
$('#container-ajax').fadeOut(200,function(){
$('#container-isotope').fadeIn(600);
$('.container-footer').fadeIn(599);
window.scrollTo(0,$('.last-scroll').val());
$container.isotope();
$('#container-ajax .ajax-content').html("");
});
});
任何帮助都将不胜感激!-干杯!~
将其从页面底部的<script>
部分删除:
/*
* Ajax link click (mainly for portfolio items but any content can be linked to)
*/
$('.ajax').click(function(e){
e.preventDefault();
var page = $(this).attr('href');
$('.container-footer').fadeOut(199);
$('.last-scroll').val($(document).scrollTop()); //current scroll posn to return to later
$('html').append('<img src="img/loading.gif" class="load-gif" style="z-index: 999"/>');
$('.load-gif').css({
position:'absolute',
left: ($(window).width() - $('.load-gif').outerWidth())/2,
top: ($(window).height() - $('.load-gif').outerHeight())/2
});
$('#container-isotope').fadeOut(200, function(){
$.get(page, function(data) {
$('.load-gif').remove();
$('.ajax-content').html(data);
$('#container-isotope').stop().hide();
$('.container-footer').fadeIn(599);
$('#container-ajax').fadeIn(600, function(){
$('.close-ajax').show();
});
window.scrollTo(0,0);
});
});
});
$('.close-ajax').click(function(e){
e.preventDefault();
$(this).hide();
$('.container-footer').fadeOut(199);
$('#container-ajax').fadeOut(200,function(){
$('#container-isotope').fadeIn(600);
$('.container-footer').fadeIn(599);
window.scrollTo(0,$('.last-scroll').val());
$container.isotope();
$('#container-ajax .ajax-content').html("");
});
});
尝试将其添加到href标签:
target="_top"
or
target="_blank"