Question

我从jQuery开始，真的需要帮助。我有悬停的图像，显示两个按钮 - 编辑和删除。点击图库编辑按钮后，我只需要重定向到任何网站。但它没有任何影响。这是我的代码：

<ul class="thumbnails galler">
<li id="image-1" class="thumbnail">
    <a style="background:url({$basePath}/images/products/item1.jpg)" title="Sample Image 1" href="{$basePath}/images/products/item1.jpg"><img class="grayscale" src="{$basePath}/images/products/item1.jpg" alt="Sample Image 1"></a>
</li>
</ul>

<script type="text/javascript">
//gallery controlls container animation
$('ul.galler li').hover(function(){
    $('img',this).fadeToggle(1000);
    $(this).find('.gallery-controls').remove();
    $(this).append('<div class="well gallery-controls">'+
        '<p><a href="http://www.somewebsite.com" class="gallery-edit btn"><i class="icon-edit"></i></a> <a href="#" class="gallery-delete btn"><i class="icon-remove"></i></a></p>'+
        '</div>');
    $(this).find('.gallery-controls').stop().animate({
        'margin-top':'-1'
    },400,'easeInQuint');
});

//gallery edit
$('.thumbnails').on('click','.gallery-edit',function(e){
    $.get(this.href);
    return false;
});
</script>

Answer 1

$.get不会重定向，它会对提供的网址发出ajax请求。您应该使用location.href = {url}代替。

Answer 2

如果你知道href，你可以使用原生的javascript来代替。

window.location.href = //insert url here;

但您的代码存在的问题是您尝试通过this关键字检索href。 this关键字指的是事件，而不是您尝试引用的实际锚元素。要获取该链接，您需要改为使用e.currentTarget.href。

编辑：出于某些愚蠢的原因，我没有注意到你也在使用$.get。该功能对你想要的东西没用。只需使用Window对象提供的本机属性来重定向浏览器，就像我和至少一张其他海报在上面显示的一样。

无法重定向到任何网站 - jQuery

2 个答案: