2013-07-12 8 views
16

Mam przycisk pod obrazem tła. Aby przycisk był klikalny, dodałem "wskaźnik zdarzenia: brak". Jednak chcę również obraz ikonki, w której zmieniam obraz tła po najechaniu kursorem, co również wyłącza zdarzenie wskaźnika. Czy istnieje sposób na zachowanie atrybutu hover elementu, podczas gdy kliknięcia go przechodzą?Zachowaj atrybut przejmowania za pomocą zdarzenia wskaźnika: brak

Szukałem i wypróbowałem jquery unbind click i powróciłem false, gdy kliknięto #cover_button, ale to nie zadziałało.

Oto mój kod. Jeśli zatrzymam wskaźnik-zdarzenie: brak, mogę kliknąć przycisk pod moim obrazem tła. Ale to wyłącza atrybut zawijania. Jeśli go usuniemy, nie będę mógł kliknąć.

#cover_button { 
    pointer-event: none; 
    position: absolute; 
    width: 46px; 
    height: 24px; 
    left: 0; 
    top: 0; 
    background: url(http://s13.postimg.org/bqxlnbfs3/Like.png); 
} 

#cover_button:hover { 
    background: url(http://www.moronacity.com/tech-journal/images/2011/February/small-Facebook-like-button-counter.gif); 
} 

Edit:
Oto skrzypce: Clickable ale nie hoverable http://jsfiddle.net/3PXTK/1/

Oto kolejny: Hoverable ale nie klikalny (po prostu usunięty wskaźnik-wydarzenia: none) http://jsfiddle.net/3PXTK/

+1

Po zawinięciu przycisku cover_ i rzeczywistego przycisku w kontenerze można powiązać kliknięcie z kontenerem nadrzędnym i wywołać kliknięcie przycisku. Jeśli jest to niemożliwe z jakiegoś powodu, krótko ukryj okładkę po kliknięciu, pobierz element pod nią i uruchom zdarzenie kliknięcia. opublikuj skrzypce, aby uzyskać dodatkową pomoc. –

+0

Nie jestem pewien, jak to zrobić, ponieważ przycisk jest iframe. W każdym razie oto jsfiddle Clickable http://jsfiddle.net/3PXTK/1/ Hoverable http://jsfiddle.net/3PXTK/ – user2534878

+0

Używasz iFrame z treści z innej domeny. Nie będziesz w stanie manipulować tą treścią bez poważnego wysiłku. Proponuję zajrzeć do jquery facebook jak wtyczki –

Odpowiedz

2

Nie możesz mieć pliku cookie i zjeść ciasteczka. Dla najpierw trzeba zrozumieć, w jaki sposób wydarzenia wskaźnik działa:

żaden zapobiega wszystkich opcji, kliknij stanowymi i kursor na określonym elementu HTML

Oznacza to, że nie kliknąć, bez wskaźnikiem, nie aktywny - nic z kursorem. Nie możesz powiedzieć, że po prostu chcę unieść kursor i nic więcej.

BTW. FB zrobić to tak, ponieważ nie pozwalają na zmiany w podobny przycisk. Nie można zmienić wyglądu, zakryć itp.

Powiązane problemy