jQuery: wählt alle DIV ' s verschachtelt unter bestimmten DIV

Habe ich eine Architektur ähnlich wie diese:

<div id="container">
<div>stuff here</div>
<div>stuff here</div>
<div>stuff here</div>
<div>stuff here</div>
</div>

Möchte ich, mithilfe von jQuery, ausblenden, den cursor, wenn die Maus betritt #container. Aber als verschachtelte divs erscheinen auf der Oberseite ist es nicht ganz so funktioniert. Wie kann ich den Mauszeiger ausblenden, wenn die Maus über eine der divs innerhalb #container. Unten wird der cursor versteckt-code.

        $('#container').mouseover(function()
        {
            $(this).css({cursor: 'none'});
        });
Einstellung css cursor auf "none" funktioniert nicht in Chrome, nur zur info.
Wie kann man dies umgehen in Chrom?
Warum kommst du nicht mit reinem css? Ich bin sicher, Sie könnten den gleichen Effekt erzielen, mit der die :hover pseudo-Klasse (außer IE 6)
Ich habe eigentlich nur das getan chiborg. Die funktioniert perfekt, außer unter Chrome 🙁
Tut mir Leid, ich habe nicht eine Lösung für Chrome, nur bemerkt, dass die Wirkung, wenn Sie ein paar Beispiele, basierend auf dem code.

InformationsquelleAutor Chris | 2010-04-14

  1. 4

    Wage ich es zu sagen, Sie könnten nur target parent-und child-divs?

    $('#container, #container div').mouseover(function()
{
    $(this).css({cursor: 'none'});
});

    Zugegeben, dass ich noch nicht getestet, hatte aber die Verwendung einer ähnlichen Methode zu ändern, den cursor von einem <li> mit einem <label> Kind.

    Sie erweitern konnten diese leicht mit den children() Funktion.

    InformationsquelleAutor Ben Everard

  2. 3

    Zwar gibt es mehrere richtige Antworten, ich denke, das ist effizienter.

    $('#container').mouseover(function(){
   $(this).children().andSelf().css('cursor', 'none');
});

    Diese Weise werden Sie nur mit einer Ereignis-listener auf die #container.

    InformationsquelleAutor guzart

  3. 0

    Versuchen Sie dies:

    $('#container > div').mouseover(function()
{
    $(this).css('cursor', 'none');
});

    InformationsquelleAutor Sarfraz

  4. 0

    Verwenden Sie die Kinder() Selektor.

    $('#container').children().mouseover(function()
    {
        $(this).css({cursor: 'none'});
    });

    InformationsquelleAutor Robert Foss

Schreibe einen Kommentar