jqueryスライダの画像がクリック時に表示されないようにする

Question

このjqueryとhtmlを使用してディスプレイdivのクリックした画像を変更しても問題ありませんが、自体。ユーザーが画像をクリックしたときと同じように画像を作成する方法。

   <script type="text/javascript"> 
        jQuery('div#thumbs img').click(function() { 

       jQuery('#foo a').prop('href', jQuery(this).prop('src')); 
       jQuery('#foo img').prop('src', jQuery(this).prop('src')); 
       return false; 
       }) 
       </script> 

私のhtml

  <div id="foo"> 
     <a href="#"> 
     <img src="images/demo_slider.jpg" name="Display" id="display" /></a> 
      </div> 
      <br /> 
      <div id="thumbs"> 
     <img src="images/a.jpg" width="56" height="56" alt="" /> 
     <img src="images/b.jpg" width="56" height="56" alt="" /> 
     <img src="images/c.jpg" width="56" height="56" alt="" /> 
     <img src="images/d.jpg" width="56" height="56" alt="" /> 
     </div> 

     </div> 

編集：

ユーザーは、それがのdiv FOOにロード親指の画像をクリックした場合。クリックした画像を同じページに開く（新しいタブで開いている画像のような基本的なHTML機能と同じように）ユーザーが画像をクリックすると、クリックして画像が開いてしまうのを防ぐ必要があります。

Answer 1

あなたは

$('#foo a').click(function(e){ 
    e.preventDefault(); 
}); 

Answer 2

テストしていますが、のpreventDefaultを追加してみてください可能性がない：

 

jQuery("#foo a").click(function(e) { 
    e.preventDefault(); 
}); 
 

あなたがそのようなことをもしかして...