0

私はjQueryを始めたばかりで、本当に助けが必要です. 編集と削除の2つのボタンを表示するホバー付きの画像があります。そして、ギャラリー編集ボタンをクリックした後、任意の Web サイトにリダイレクトする必要があります。しかし、それは何の効果もありません。これは私のコードです:

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

2 に答える 2

4

$.getリダイレクトせず、提供された URL に対して ajax リクエストを行います。location.href = {url}代わりに使用する必要があります。

于 2013-01-18T15:46:16.313 に答える
1

href がわかっている場合は、代わりにネイティブ JavaScript を使用してこれを行うことができます。

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

thisしかし、コードの問題は、キーワードを使用して href を取得しようとしていることです。キーワードは、this参照しようとしている実際のアンカー要素ではなく、イベントを参照します。リンクを取得するには、e.currentTarget.href代わりに使用します。

編集: いくつかのばかげた理由で、あなたも使用していることに気づきませんでした$.get。その機能は、あなたが望むものには役に立ちません。私と少なくとも 1 人の他の投稿者が上で示したように、ブラウザーをリダイレクトするには、Window オブジェクトによって提供されるネイティブ プロパティを使用するだけです。

于 2013-01-18T15:47:53.847 に答える