Javascript 用ajax实现HTML重定向

在使用Ajax的网站上工作-

我正在尝试将保存图像的框重定向到它们各自的网站。悬停时显示的域

以下是其中一个框元素的代码：

<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>

我的猜测是元素调用是使框起作用的原因。这是一个时髦的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("");
        });
     });

---

我们将非常感谢您的任何帮助干杯~

尝试将其添加到href标签：

target="_top"

or

target="_blank"

从页面底部的部分删除此选项：

/* 
     * 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("");
        });
     });

---

确切地说，在地图上的什么地方？class=element-portfolio-portfolio-ajax-target=\u blank>这不就是在一个新窗口中弹出链接吗？在页面底部，您可以通过“ajax-link-Click”对脚本进行注释。。。我就把它去掉。正是该脚本更改了所有a href链接以尝试加载到页面本身，但无法加载，因为跨源请求被阻止。啊哈！我知道你在说什么，里面有很多参数。在没有ajax页面的情况下，具体应该采取什么措施来允许重定向我会把代码添加到我的编辑中。它很长，所以我会把它作为答案。之后测试页面上的所有其他链接，因为我不确定这些函数是否在其他地方使用。哦，所有这些我删除了整个序列只是为了检查，重定向现在可以工作了。谢谢贴出答案，这样我就可以投票给你了，先生。没问题，随时都可以：D