私は fancybox に対して次の呼び出しを使用しています: $.fancybox.showActivity(); ローディングアニメーションを表示します。Firefox と IE で動作します。ただし、Chrome と Safari は非常に一貫性がありません。呼び出しに問題があるかどうかをテストするために、ボタンを作成し、JS 関数を介して呼び出しを添付しました。ボタンをクリックして (呼び出しが単独で機能することを確認するため)、実際にコーディングしているボタンを押すと、機能します。しかし、(検証テスト) ボタンを押さず、実際のコード ボタンのみを押すと、表示されません。デバッガーでも div を確認できます。この一貫性のない機能について何か理由が思い浮かびますか?
コード スニペット:
検証テスト ボタン:
<button type="button" onclick="checkFancybox();">Check Fancybox</button>
<script>
function checkFancybox(){
$.fancybox.showActivity();
alert("Fancybox call completed.");
}
</script>
実際のコーディング ボタン:
<form id="video-upload-form" action="{url}?nexturl={nextUrl}"
method="post" enctype="multipart/form-data" >
<input name="file" type="file"/>
<input name="token" type="hidden" value=""/>
<input value="Upload Video File" type="button" name="submitVideoUpload"
onClick="checkFile()" class="button" />
</form>
<script>
function checkFile(){
//RegEx for valid file name and extensions.
var fileVal = document.forms["video-upload-form"].elements['file'].value;
if(fileVal != ""){
//notify user of activity
$.fancybox.showActivity();
document.getElementById('vintro-upload-form').submit();
}else{alert('Please select the Video file.');}
}
</script>
ありがとう。