ハイパーリンクをクリックすると、jqueryが動作し、ページが移動しないようにする - jquery

Question

たとえば、テキストを "SOF"と見なします。

「SOF」テキストをクリックすると、サイトの特定のサイトがiframeで表示されます。

この場合は正常に動作している...

しかし、私の問題は、私は「SOF」のテキストはiframeをロードしているだけでなく、ページも全く同じページに移動された上でクリックしたときです。これは起こらないはずです。私はここに私のコードを与えた。サイト全体をリダイレクトしないようにする方法は？

EDIT：

このURLが正常に動作している：http://www.oercommons.org/browse/collection/free-ed-gov

このURLが機能していません：http://www.merlot.org/merlot/viewMaterial.htm?id=79516

問題がある可能性がありますどのような.. :-(

注：iframeにサイトを表示する必要はありません。しかし、私の場合は、html、pdfなどを表示することがありますので、jqueryを使用する必要があります。 :-)

var xhr = null; 
    //by default set the element properties 
    var preview_on = true; 

    Drupal.behaviors.previewOverview = function(context) { 
     //show preview on mouse over 
     $('.links a').click(function(e) { 
     e.preventDefault(); 
     if (xhr && xhr.readyState != 4) { 
      //if previous ajax is working then cancel it 
      xhr.abort(); 
      //$('#right-sidebar-right').html('Preview Panel.'); 
     } 
      if (preview_on) { 
       curLink = this; 
       targetLink = this.href;   
       data = '<div><a href='+ targetLink +' target="_blank">View Original Page</a></div>' + '<iframe src="' + targetLink + '" width="100%" height="500px"></iframe>'; 
       // To display the data in selected area. 
       $('#right-sidebar-right').html(data); 
      } 
     } else { 
      $('#right-sidebar-right').html('Turn on preview mode to view.'); 
     } 
    }); 

Answer 1

それとも、あなたも行うことができます。..

<a href="http://www.google.com" >google</a> 


$('a').click(function(e){ 
    alert("do something"); 
    e.preventDefault(); 
}); 

ちょうど今、私は事実を発見した。..例here微調整