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/
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. –
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
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 –