Question

如何在jQuery mobile上使这个按钮发出声音？

jQuery mobile是否存在问题，因为在我的主要应用程序中，我可以应用这种脉动效果，而在其他情况下，它们只是闪烁，或者在中断时淡入或淡出，或者它进出淡出。

HTML：

<button id="pulsate">I want to pulsate!</button>

JS：

    $('#pulsate').on('click', function () {
        pulsate("#pulsate");
    });


function pulsate(element) { 
    $(element || this).animate({ opacity: 0 }, 500, function() { 
       $(this).animate({ opacity: 1 }, 500, pulsate); }); 
}

http://jsfiddle.net/alecstheone/zCUSK/

我只使用jquery和jquerymobile ......我注意到如果我在jsfiddle中禁用jquerymobile它可以工作，但我不想这样，因为我在我的应用程序中使用jquerymobile来处理其他事情......

Answer 1

您的代码运行正常，但您需要对脚本进行一些更改，因为您在按钮上有点击事件但使用jQuery mobile时，您的按钮会被span和{{1}所包围（主要是因为jquery mobile css），

因此，您只需使用.closest()遍历目标div即可设置动画效果。
以下是具有所需效果的代码的小演示。

divs

Fiddle Example

Jquery Mobile opacity不起作用:(

1 个答案: