CODEWITHSUNDEEP
javascriptjqueryhttp-redirect
Jaroslav Klimčík
Jaroslav Klimčík

Reputation: 4808

Cannot redirect to any website - jQuery

i'am beginning with jQuery and really need help. I have image with hover, which show two buttons - edit and delete. And after click on gallery-edit button i just need redirect to any website. But it doesnt have any effect. This is my code:

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

Upvotes: 0

Views: 267

Answers (2)

kinsho
kinsho

Reputation: 536

If you know the href, you can use native javascript to do this instead.

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

But the problem with your code is that you are trying to retrieve the href through the this keyword. The this keyword refers to the event, not the actual anchor element you're trying to reference. To get the link, you want to use e.currentTarget.href instead.

EDIT: For some stupid reason, I didn't notice you were also using $.get. That function is not useful for what you want. Just use the native properties provided by the Window object to redirect the browser, as I and at least one other poster has shown you above.

Upvotes: 1

JaredMcAteer
JaredMcAteer

Reputation: 22535

$.get does not redirect, it does an ajax request for the url provided. You should use location.href = {url} instead.

Upvotes: 4

Related Questions