jQuery的：更換所有鏈接根據cookie值和點擊

Question

我有一個cookie值替換後的真實鏈接：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>

時cookie的值是1：

• 我必須更換與類 「T」 的所有HREF由out.php並添加目標_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()命令爲此目的。

您將遇到的主要問題是在點擊後href更改。您可以綁定單擊事件，設置短暫超時以將值更改回並在默認操作後解除綁定單擊事件。或者嘗試使用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; 
      }); 
     }); 
    } 
});