0

私は現在、マウスがdivの上に置かれたときに表示される画像を持っています...しかし、「div」に「align="center」のHTMLプロパティがあり、そうでない場合、マウスの横に表示する画像のみです次に、画像を表示したくないですか？

私は静かに近づいていると思いますが、var「divalign」属性を呼び出す方法がわかりません。昨夜はすべてそれに費やしました:S

$(document).ready(function() {
    var $img = $("#MainImage");
    $img.hide();
    var divalign = $("div").attr("align="center");
    $('div').mousemove(function(e) {
        $img.fadeIn(0);
        $img.offset({
            top: e.pageY - $img.outerHeight()-2,
            left: e.pageX - ($img.outerWidth()-18)
        });
    }).mouseleave(function() {
        $img.fadeOut(250);
    });
});

前もって感謝します。

4

4 に答える 4

4 
  $('div').mousemove(function(e) {
      if ($(this).attr('align') === 'center') {
        // only show if the align attribute has value center
        $img.fadeIn(0);
        $img.offset({
            top: e.pageY - $img.outerHeight()-2,
            left: e.pageX - ($img.outerWidth()-18)
        });
      }
    }).mouseleave(function() {
        $img.fadeOut(250);
    });
于 2012-11-16T03:45:22.080 に答える
1

これらのDIVにクラス名（例：class = "alignCenter"）を付けて、それらのdivにイベントハンドラーを登録できれば、よりクリーンになります。

$('div.alignCenter').on('mousemove', function(e) {
     ..........................

}）;

于 2012-11-16T03:48:46.677 に答える
1

この行にエラーがあります

 var divalign = $("div").attr("align="center");

それをに変更します

 var divalign = $("div").attr("align","center");
于 2012-11-16T03:45:46.743 に答える
0

これを試して：

$('div[align="center"]').mousemove(function(e) {
        $img.fadeIn(0);
        $img.offset({
            top: e.pageY - $img.outerHeight()-2,
            left: e.pageX - ($img.outerWidth()-18)
        });
      }
    }).mouseleave(function() {
        $img.fadeOut(250);
    });
于 2012-11-16T03:41:40.373 に答える