のjQuery：すべてのリンクによって、クッキーの値を交換し、私はクッキーの値を持つ

Question

クリックした後、真のリンクを置き換える：clickotV

私は同じクラスの「T」で複数のhrefを持っている：

• <a href="link1.html" class="t">link1</a>
• <a href="link2.html" class="t">link2</a>
• <a href="link2.html" class="t"><img src="image2.jpg" /></a>

ときにクッキーの値が1である：

• 私はので、私はこれを行うout.phpことにより、クラス "T" を持つすべてのhrefを交換し、ターゲット_blank を追加する必要があります。

  $(document).ready(function(){ 
      if($.cookie('clickotV')==1){ 
       $("a.t").attr("href", "/out.php"); 
       $("a.t").attr("target", "_blank"); 
      } 
  });

• しかし、私がしなければなりません置き換えリンクをユーザーがクリックした後（_blankなし）リンク元を置き換える（out.php）

どのようにしていますか？

Answer 1

データを覚えておく必要がある場合は、データを保存する必要があります。幸いなことに、jQueryには.data()コマンドがあります。

大きな問題は、クリックをクリックした後に変更することです。クリックイベントをバインドするか、値を戻す短いタイムアウトを設定し、デフォルトのアクションの後にクリックイベントをバインド解除することもできます。または、javascriptでページを開こうとすると、それはしばしばブロックされます。

編集：最初のクリックですべてのリンクをリセットするように変更しました。

$(document).ready(function() { 
    if ($.cookie('clickotV') == 1) { 
     $('a.t').each(function() { 
      var self = $(this); 
      self.data('old-href', self.attr('href')) 
       .attr({ 'href': '/out.php', 
         'target': '_blank' }); 

      // Timeout - option 1 
      self.click(function() { 
       setTimeout(function() { 
        $('a.t').each(function() { 
         $(this).attr('href', $(this).data('old-href')).unbind('click'); 
        }); 
       }, 10); 

       // passthrough for default action 
       return true; 
      }); 

      // JS new-window - option 2 
      self.click(function() { 
       var newWindow = window.open(self.attr('href'), '_blank'); 

       $('a.t').each(function() { 
        $(this).attr('href', $(this).data('old-href')).unbind('click'); 
       }); 

       newWindow.focus(); 
       return false; 
      }); 
     }); 
    } 
});