0

and要素thisで画像をアニメーション化するためにセレクターを使用しましたlia

Jクエリ

 jQuery(document).ready(function () {
            jQuery(".jcarousel-skin-tango  li").mouseenter(function () {
                jQuery(this).children("a").children("img").animate({
                    top: '10px'
                }, 2000);
            });
 });

html

 <ul id="mycarousel" class="jcarousel-skin-tango">
            <li>
                <a href="http://google.com/">
                    <img alt="" src="item1.gif" /><span>adfadf</span></a>
            </li>
</ul>

画像がマウス入力に影響しないのはなぜですか？

4

3 に答える 3

1

指摘されているように、属性に応答するにimgは、cssposition属性をrelativeまたはに設定する必要があります。absolutetop

#mycarousel img {
    position: relative;
}

次に、jQuery で子要素を選択するエレガントな方法は次のとおりです。

jQuery('img', this);

私はフィドルでこれを実証しました: http://jsfiddle.net/fPMUR/

于 2013-08-03T10:53:13.747 に答える
1

これは短く、また動作するはずです:

jQuery(document).ready(function () {
     jQuery(".jcarousel-skin-tango  li").mouseenter(function () {
          jQuery("img" , this).animate({
                top: '10px'
          }, 2000);
     });

JSFiddle: http://jsfiddle.net/7H7y9/1/

于 2013-08-03T10:39:36.020 に答える
1

その要素の位置のタイプに依存するプロパティをアニメーション化しようとしています。margin-topまたはpadding-topの代わりに、topまたは画像に追加してみてくださいposition: absolute。

ここで padding-top を使用した動作デモ。

于 2013-08-03T10:45:43.130 に答える