获取.click()以在不同版本的Firefox中工作

Getting .click() to work in different versions of Firefox?

本文关键字:版本 Firefox 工作 click 获取      更新时间:2023-09-26

我遇到了一个问题,我正在帮助我的前端开发人员更改政府公共网站上的设计,这将我们限制在某些浏览器和技术上,因为这里发布的Firefox最高级别是3.6,无论你在发布后会在9或10中看到它。

起初,我无法让.click()与";暂停/播放";我们在Firefox中实现的幻灯片的JavaScript中的按钮。在这个网站上搜索了很多问题后,我在Firefox 3.6中使用.live('click',function()..解决了这个问题,我知道.live正在退出,但它解决了我们在这种情况下的问题。。

然而,当我们在Firefox 9中测试它时,这似乎不起作用。

以下img按钮的JavaScript和代码示例,

任何建议都将不胜感激。

<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>

我认为这可能与以下行有关:

$('#.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>