問題: ページにリンクがありますが、クリックしても何も起こりませんが、右クリックして新しいウィンドウで開くと、リンクにある画像が表示されます。Firefox と Chrome を使用しました。開発環境にデプロイする前に、ローカルホストで Web 開発を行っています。DEV では機能しますが、ローカルでは機能しません。以前はローカルで機能していました。これは私には意味がありません。
解決策: svn リポジトリから作業していたページをチェックアウトしました。そして、それはうまくいきませんでした。
リンクが新しいウィンドウで開かれた場合、問題は別のものであると考えるのは正しいでしょうか?
このリンク:
<a type="hidden" class="highlight" id="hidden_link" href="../images/developer_notice.png"></a>
このフォームでクリックされます:
<form action="" id="search-form" name="search-form" method="get" onsubmit="return validateSearchForm();">
これらの JavaScript を介して:
function validateSearchForm(){
if(!validateAccountStanding()){
return false;
}
return true;
}
function validateAccountStanding(){
var accountStanding = $("#account_standing").val();
//check account standing, if it's "Not Good," alert user
//otherwise, keep going, business as usual.
if(accountStanding == "Not Good"){
document.getElementById('hidden_link').click();
alert("!");
return false;
}
return true;
}
ユーザーに「通知」を表示するために fancybox を使用しています。
<!-- Enable fancy box -->
<link rel="stylesheet" href="../fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
<link href="../js/fancybox/jquery.fancybox-1.3.1.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../js/fancybox/jquery.fancybox-1.3.1.pack.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//$.noConflict();
$("a.highlight").fancybox();
});
</script>
<!-- Enable fancy box /end -->
そのフォームが送信されると、アラートが表示されます。これは、以前は私のローカルで機能していました。
Firefox からのエラー メッセージ: u is undefined /ccdev2/js/fancybox/jquery.fancybox-1.3.1.pack.js 行 17