Заставить .click () работать в разных версиях Firefox?

Question

У меня возникла проблема, когда я помогаю своему специалисту по разработке интерфейса изменить дизайн на государственном общедоступном сайте, что ограничивает нас определенными браузерами и технологиями, поскольку самый высокий уровень Firefox здесь, на посту, составляет 3,6, однако вне поста вы можете посмотреть его в 9 или 10.

Сначала я не мог заставить ".click ()" работать с кнопками "Pause / Play" внутри моего javascript для слайд-шоу, которое мы реализовали в Firefox. После поиска многих вопросов здесь на этом сайте, я смог исправить это в Firefox 3.6 с помощью «.live ('click', function () ..", я понимаю, что ".live" уже вышел, но это исправлено наша проблема в этом случае ..

Однако, похоже, это не работает, когда мы тестируем его в Firefox 9.

Пример javascript и кода для кнопок img ниже,

Любой совет будет высоко ценится.

<script type="text/javascript">
    $(document).ready(function () {
        $('.slideshow').cycle({ fx: 'fade', prev: '#btnPrev', next: '#btnNext', timeout: '5000' });
        $('#btnPause').live('click', function () { $('#.slideshow').cycle('pause'); });
        $('#btnPlay').live('click', function () { $('#.slideshow').cycle('resume'); });
    });

</script>

<td align="right">
    <input type="image" src="images/pause.png" id="btnPause" alt="Pause" />
</td>
<td align="left">
    <input type="image" src="images/play.png" id="btnPlay" alt="Play" />
</td>

Answer 1

Я думаю, что это может быть связано с этими строками:

$('#.slideshow')

Я думаю, вы просто хотите:

$('.slideshow')

Я не уверен, почему FF 9 не понравитсяэто, но это единственное, что выделяется для меня.

Если это не сработает, я бы попробовал просто поставить функции на нажатие ваших кнопок.

Ваш пример будетвыглядеть так:

<script type="text/javascript">
    $(document).ready(function () {
        $('.slideshow').cycle({ fx: 'fade', prev: '#btnPrev', next: '#btnNext', timeout: '5000' });
    });

</script>

<td align="right">
    <input type="image" src="images/pause.png" onclick="$('.slideshow').cycle('pause');" id="btnPause" alt="Pause" />
</td>
<td align="left">
    <input type="image" src="images/play.png" onclick="$('.slideshow').cycle('resume');" id="btnPlay" alt="Play" />
</td>