ページ上のすべてのリンクを1秒遅らせる方法を探していますので、フェードアウトアニメーションが発生することがあります。画像はフェードアウトしますが、遅延がなければアニメーションは見えません。私はこのイメージに4つの領域を持っています。 2人はページAに行き、2人はページbに行く。何かご意見は?遅延リンクすべてのページリンクをクリック
答えて
あなたはjQueryを使ってそれを行うことができます。
$('a').click(function(e) {
var anchor = $(this), h;
h = anchor.attr('href');
e.preventDefault();
anchor.animate({'opacity' : 0}, 1000, function() {
window.location = h;
});
});
彼は彼がjQueryを使っているとは言いませんでした。 JavaScriptの質問にjQueryの回答を与えないでください.jQuery!= JavaScript。 –
jQueryを使用しているからといって、私はばかだとは思わないでください。 – Stephen
@Stephen:私は、私はしなかったと言っていない。 (私はjQueryも使用しています)私は誰もがそうではないと言っています。OPが言っていない限り、JavaScriptの質問にjQuery固有の回答を与えることは大丈夫です。 Silverlightでそれを行う方法を教えてください。 –
あなたがキャプチャ(および停止)のリンクをクリックしてイベントと1000ミリ秒後にリンクのhrefます。attribにリダイレクトするようにタイムアウトを設定することができます。 jQueryのを使用して
:
$("#a_context a").click(function(e) {
e.preventDefault();
var destination = $(this).attr('href');
setTimeout(function() { window.location.href = destination; }, 1000);
});
それが最良の方法ですが、私は考えることができるすべてであるかどうかわかりません。
jQuery!= JavaScript。 –
はい、私は知っていますが、私の答えはそれほど重要ではありません。彼がまっすぐなJSを使いたいのであれば、私のコードの意味を理解することは難しいことではありません。概念は重要です。 – simshaun
var aTags = document.getElementsByTagName('a');
for (var i = 0; i < aTags.length; i++) {
if (document.addEventListener) {
aTags[i].addEventListener('click', function(e) {
e.preventDefault();
// fade out here then
// setTimeout(function(){
// window.location.href = e.currentTarget.href;
// }, 1000);
}, false);
} else {
aTags[i].attachEvent('onclick', function(e) {
e.returnValue = false;
// fade out here then on complete
// setTimeout(function(){
// window.location.href = e.srcElement.href;
// }, 1000);
});
}
}
- 1. 遅延は、リンクをクリック
- 2. UIwebViewリンクの遅延
- 3. セレンのクリックの遅延C#
- 4. Tablecellクリックの短い遅延
- 5. JQuery UIのクリック遅延
- 6. iOSスタンドアロンアプリ300msクリック遅延
- 7. 遅延ジョブをすべて破棄
- 8. モバイルブラウザのクリック遅延を削除する
- 9. 遅延リンクのクリックを引き起こす矛盾するスクロール機能
- 10. ADA 508 - ページリンクの冗長リンク
- 11. 遅延したクリックのためのモンキーランナースクリプト
- 12. スライドのクリックによるアニメーションの遅延
- 13. iOSでのイオンのクリック遅延
- 14. RxJava遅延オブザーバブルの遅延
- 15. スレッドの遅延 - 遅延
- 16. タブをクリックしてデータを遅延させるベストプラクティス
- 17. jQueryを使用して時間遅延後にトリガーをクリック
- 18. すべてのTomcatサーバー要求を遅延させる方法
- 19. ルビー、遅延ジョブ、遅延:バックエンド:ActiveRecordの
- 20. アニメーション遅延アニメーション遅延の増加
- 21. 遅延評価とPythonの遅延バインド?
- 22. すべてのメッセージが渡されるまで遅延スクリプト?
- 23. Androidで巨大なUDP遅延/遅延
- 24. SQL ExpressとSQL CE、遅延/遅延
- 25. 遅延ロードによる遅延ポップアップタグ
- 26. 遅延
- 27. 遅延
- 28. 遅延
- 29. 固定遅延と初期遅延のジョブをスケジューリングする
- 30. tabLayoutスイッチの遅延とビューも遅延を表示する
ユーザーを苛立たせるのに最適です。 –
これまでのところうまくいきました。クリックの遅延は0.5秒で済みます。それは芸術的な種類のサイトです。 – salem
JavaScriptライブラリを使用していますか? (そして、私は*あなたが知っていることに興味を持っています*それは今までよく働いていましたが、なぜ私がサイトを離れて戻っていないのかを教えてもらえませんでした。あなたは本当に知らないのですか?あなたはそれをやる方法を尋ねているので...) –