質問: ページの上部からdivを落として、クリックしたところでバウンスすることはできますか? Here is my attempt so far 彼の7番目の例では、「More Extreme - どのように空から落ちるか "ページの上部からdivを落とし、クリックしたボックスの上にバウンスさせます。 私は、基本的なjqueryとUIライブラリで作業するために、コードをツールヒントルーチンとは独立して動作させようとしています。彼の世界へのユニークな提供は、ページの上部から落ちる部分です。私はdivでいくつかのonclick関数を試してみましたか、リンクトリガーを使って1行目をこれに置き換えました: $( 'mydiv')。click(function(){ これまで運がなかった。私は何が欠けていますか? Qtip2やClueTipを使ってskyルーチンからの落下を使用したいと思います。 彼のやり方は次のとおりです。 ``` $('.hastip').tooltipsy({ offset: [-10, 0], show: function (e, $el) { $el.css({ 'left': parseInt($el[0].style.left.replace(/[a-z]/g, '')) - 50 + 'px', 'opacity': '0.0', 'display': 'block' }).animate({ 'left': parseInt($el[0].style.left.replace(/[a-z]/g, '')) + 50 + 'px', 'opacity': '1.0' }, 300); }, hide: function (e, $el) { $el.slideUp(100); } }); ``` 助けてくれてありがとう。
回答: 最初の行をセレクタに置き換えるだけでは、コールバックを作成してツールチップの機能に渡しているため、機能しません。その代わりに、.click()関数で直接アニメーションを実行することができます。このようなもの: ``` $('mydiv').click(function(){ $(this).css({ 'left': parseInt($el[0].style.left.replace(/[a-z]/g, '')) - 50 + 'px', 'opacity': '0.0', 'display': 'block' }).animate({ 'left': parseInt($el[0].style.left.replace(/[a-z]/g, '')) + 50 + 'px', 'opacity': '1.0' }, 300); } ``` 私はどこでもテストしていないので、うまくいかないかもしれませんが、正しい方向に向けるべきです。また彼の "弾力性"は、 "easeOutBounce"プロパティから来ていることに注意してください。これは、開始および終了パラメータに基づいてdivの位置を補間しようとするアニメーションフレームワークに指示します。通常は、(easeIn、easeOutなどのような)いくつかのデフォルトが組み込まれています。 お役に立てれば。