Forum PHP.pl > Zastąpienie konkretnego selektora w JQuery (IE)

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Zastąpienie konkretnego selektora w JQuery (IE)

Forum PHP.pl > Forum > Po stronie przeglądarki

gregiolo

10.03.2010, 07:21:13

Witam,
Jak zastąpić Waszym zdaniem selektor jquery, który nie działa pod IE 7 chociażby? :/

$("div[id^='bt']").

Pozdrawiam

nospor

10.03.2010, 08:10:54

Pokaz lepiej swoj kod html i oraz pelen kod js.
jQuery dziala bez problemu pod IE w tym rownież ten selektor.

gregiolo

10.03.2010, 09:54:49

Oto kod.

[JAVASCRIPT] pobierz, plaintext 
function ButtonsHover() {
 
    $("div[id^='bt']").mouseover(function() {        
        scroll = $(this).css("height");                
        $(this).css("background-position","0 "+scroll);
    })
 
    $("div[id^='bt']").mouseout(function() {
        $(this).css("background-position","0 0");
    })
};
[JAVASCRIPT] pobierz, plaintext

Przy podmianie $("div[id^='bt']") na np. $("#test") kod działa poprawnie.

nospor

10.03.2010, 09:55:31

czy ja piszę po chinsku?

Cytat

swoj kod html i oraz pelen kod js.

gregiolo

10.03.2010, 09:58:36

[HTML] pobierz, plaintext 
<html>
<head>
        <script src="js/jquery-latest.js" type="text/JavaScript"></script>
        <link href="test.css" media="all" type="text/css" rel="stylesheet">
        <script type="text/JavaScript">
function ButtonsHover() {
 
    $("div[id^='bt']").mouseover(function() {        
        scroll = $(this).css("height");                
        $(this).css("background-position","0 "+scroll);
    })
 
    $("div[id^='bt']").mouseout(function() {
        $(this).css("background-position","0 0");
    })
};
 
ButtonsHover();
</script>    
</head>
<body>
 <div class="button" id="btUser0"></div>
 <div class="button" id="btUser1"></div>
</body>
</html>
 
[HTML] pobierz, plaintext

nospor

10.03.2010, 10:02:46

ButtonsHover(); powinienes wywolac dopiero po zaladowaniu calego DOM, czyli:

Kod

jQuery(function(){
ButtonsHover();
});

Poza tym stosowanie ^= jest malo optymalne. U ciebie mozna by to zastąpic:
$("div.button")

gregiolo

10.03.2010, 10:06:30

Ok dzieki.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.