Question

因此，针对我和老板的建议，一位客户坚持认为，当他们点击链接之前，他们想要对他们网站主导航中的所有链接产生“boing”声音效果，直到链接实际上将其变为新页面。

为了做到这一点，我在使用jQuery在点击链接之前将embed标签附加到正文，然后再将用户发送到新页面。这是我正在使用的jQuery：

<script type="text/javascript">
    (function($) {
        $(document).ready(function() {
            $("#menu_container a").click(function(e) {
                e.preventDefault();
                var url = $(this).attr('href');

                $('body').append('<embed src="/media/sounds/boing_spring.mp3" autostart="true" width="1" height="1" id="LegacySound" enablejavascript="true">');

                setTimeout(function() {
                    window.location = url;
                }, 500);

                setTimeout();
            });
        });
    })(jQuery)
</script>

所以，这似乎在OSX / Ubuntu和Windows上的Safari / Chrome / FF / Opera中运行正常。

但是，当涉及到Internet Explorer在我的WinXP机器上使用IE8时工作正常，但声音在运行IE9的老板Win7机器上不起作用。那么，这可能是什么原因呢？它是IE浏览器IE，还是我搞砸了？

Answer 1

解决方法是添加另一条线，如同一个beow，但链接到wma声音

$('body').append('<embed src="/media/sounds/boing_spring.mp3" autostart="true" width="1" height="1" id="LegacySound" enablejavascript="true">');

IE中的jQuery onClick（）声音效果和重定向

1 个答案: