0 
    $(document).ready(function () {
        $("[data-role=content]").not("#ft").children().live({ 
        mouseover: function () { $(this).css({ border: "1px solid gray" }); }, 
        mouseleave: function () { $(this).css({ border: "0" }); } });
    });

これは機能していません。境界線が表示されていません。どこが間違っているか教えてもらえますか?

4

1 に答える 1

1

.liveドキュメントから：

メソッドの連鎖はサポートされていません。たとえば、$("a").find(".offsite, .external").live( ... );は有効ではなく、期待どおりに機能しません。

したがって$(...)....children().live()、動作しません。

.on代わりに使用してください:

$("[data-role=content]").not("#ft").on( {
    mouseover: function () { 
        $(this).css({ border: "1px solid gray" }); 
    }, 
    mouseleave: function () { 
        $(this).css({ border: "0" }); 
    }
}, '[data-role=content] > *');

> *残念ながら、イベント委任のセレクターとして使用することはできないようです。もちろん、要素がネストされていない[data-role=content] > *場合にのみ正しく機能します 。[data-role=content]

デモ

于 2012-05-30T10:24:20.330 に答える