ページ上のすべての画像を新しいウィンドウで開くようにしようとしています。ただし、何らかの理由で、jQueryの「タブ」メソッドがコードの動作を妨げています。tabsメソッドは、このページ用にプルされた外部jsファイルで呼び出され、必要です。このページでもtabsメソッドは呼び出されません。テストページに使用したコードは以下のとおりです。タブを削除せずにリンクコードを機能させるためにできることはありますか?
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script>
$().ready(function(){
$(".tabs").tabs();
$("a").click(function(event){
alert("ALERT");
var temp=$(this).attr("href").split(".");
if (temp[temp.length-1]=="jpg"||temp[temp.length-1]=="jpeg"){
window.open("http://www.google.com");
}
});
});
</script>
</head>
<body>
<a href="http://www.google.com.au/logos/2013/cecilia_may_gibbs_136th_birthday-1016005-hp.jpg">This should go to google</a><br />
<a href="http://library.uis.edu">This should not go to google</a>
</body>
</html>