Кто-нибудь видел такое поведение:Firefox 10 - unclickable buttons?
У меня есть несколько HTML-кнопок, используемых для привода содержимого ротатор:
<div id="rotatorControls" class="rotatorControls" runat="server">
<input name="previous" id="previous" type="button" value="«" />
<input name="next" id="next" type="button" value="»" />
</div>
кнопки активируются с небольшим JQuery:
$(document).ready(function() {
mcarousel = $("#carouseldiv").msCarousel({ boxClass: 'div.box', height: 100, width: 450 }).data("msCarousel");
//add click event
$("#next").click(function() {
//calling next method
mcarousel.next();
});
$("#previous").click(function() {
//calling previous method
mcarousel.previous();
});
})
В IE это отлично работает ... в Chrome и FireFox 10, кнопки не доступны. Когда я нажимаю курсор на кнопки, курсор не изменяется, и кнопки не выделяются, как другие кнопки.
Любой, кто видел это раньше и/или имеет какие-либо идеи, как это исправить? Я уже попытался установить z-index на кнопках и вывести их из контейнера div (думая, что невидимый элемент блокирует щелчок), но ни один из них не работал.
Любая помощь будет оценена по достоинству.
EDIT
Я использую плагин mCarousel предоставленный Marghoob Сулеман (http://www.marghoobsuleman.com/jquery-ms-carousel)
размещает ссылку на демонстрационной странице или сделать скрипку воспроизведения ошибки – fcalderan
Вы уверены, что что-то не над вашей кнопкой? Что-то с позицией: абсолютный или более высокий z-индекс ...? Вы можете проверить кнопку, щелкнув ее правой кнопкой мыши? – FMaz008
Оказалось, что над кнопками был разбит div ... Мне удалось решить его, установив данные позиционирования и атрибут z-index. FMaz008, если вы ответите на вопрос, я отмечу его как принятый. – Tim