jQueryを使用してjQueryでHREFを変更するには、その1回のクリックでのみクリックしてください。

Question

新しいタブまたはウィンドウでそのサイトへのリンクを開くことを選択した場合、fancyboxでiframeのサイトを開きたい異なるレイアウト（完全なレイアウト）を配信する必要があります。

通常のリンクではフルページが表示されますが、&タイプ= 77を最後に追加すると、CMSはiframeに適した削除されたバージョンを配信する必要があることを認識します。次のコードは、リンクがマウスの左ボタンでクリックされた場合、 "& type = 77"を添付します。

$('#mylink').mousedown(function(event) { 
     if(event.which == 1) { 
      var actualHref = $(this).attr("href"); 
      $(this).attr("href", actualHref + "&type=77"); 
     } 
    }); 

これは効果的ですが、クリックごとに部品が取り付けられます。だから、一度クリックしてfancyboxを閉じて右クリック（新しいタブで開く）しても、新しいURLに添付された部分が残ってしまいます。また、クリックごとにその部分をアタッチします。

URLを変更する代わりに、変更されたURLにwindow.locationを使用しようとしました。部分的に機能していましたが、正しいURLが表示されましたが、fancyboxが破損しました。 fancyboxは読み込みを開始しましたが、新しいページにリダイレクトされました。

多分もっと良いアプローチがあります。前もって感謝します。

Answer 1

.one方法使用する：あなたがプラグインを割り当てるとき

$('#mylink').one("mousedown", function(event) { 
     if(event.which == 1) { 
      var actualHref = $(this).attr("href"); 
      $(this).attr("href", actualHref + "&type=77"); 
     } 
    }); 

を更新 ファンシーボックスが開くためのhrefを受け入れることができますオブジェクトのように、このような何か：

$("#mylink").each(function(){ 
    var $this = $(this); 
    $this.fancybox({"href": $this.attr("href")+"&type=77"}); 
}); 

一度だけイベントを実行する（一部の人々は、単一の要素のためeachを使用するよりも/嫌いより良い方法を知っているかもしれませんが、私はそれが本当に単一の呼び出しのために重要とは思わない）

Answer 2

私はこの問題を解決を願って：

var myLink = $('#mylink'); 
     var actualHref = myLink.attr("href"); 

     myLink.one("mousedown", function (event) { 
      if (event.which == 1) { 
       $(this).attr("href", actualHref + "&type=77"); 
      } 
     }); 
     myLink.one("mouseleave", function (event) { 
      if (event.which == 1) { 
       $(this).attr("href", actualHref); 
      } 
     }); 

Answer 3

jQuery .one() method。

jQuery .unbind() method要素からイベントハンドラを削除します。

また、マウスイベントについての詳細を読むことをお勧めします：Psytronicsの答えのように

W3C Mouse Events

Which vs Button