-3

我正在使用这个 jQuery 插件，名为“ jQuery 照明”

它工作正常，看起来很棒，但我还想要一件事！我只希望它点亮 5 秒钟。然后它应该停止发光。

但它看起来没有选择。是否可以在 5 秒后停止照明？

我的代码是这个

jQuery(document).ready(function () {
    $(document).on('click', 'a#request', function()  {
        $(".box#input").val($(this).attr('value'));

        var input = $(".box#input");
        $(document).scrollTop(input .offset().top - 60);
        input.focus();

        input.illuminate({
        'intensity': '0.3',
        'color': '#e8f7e7',
        'blink': 'true',
        'blinkSpeed': '1000',
        'outerGlow': 'true',
        'outerGlowSize': '20px',
        'outerGlowColor': '#228b22'
        }); 
    });
});
4

3 回答 3

4

将此添加到脚本的末尾：

setTimeout(function() {
    $("#button").illuminateDie();
}, 5000); // 5000ms = 5 seconds

illuminateDie五秒钟后调用该函数。该illuminateDie功能的存在有点隐藏在您链接的页面下方的评论中。（这也是一种非常不标准的方式。插件提供此类方法的标准方式是作为一个字符串输入到一个插件方法中，例如.illuminate("die")或更正常地.illuminate("destroy")。但这就是作者的决定做...）

更新：使用更新问题（来源）中的代码的实时示例。

于 2013-08-04T13:40:12.783 回答
1

看起来$('#button').illuminateDie()应该工作。如果查看源代码，它应该是直截了当的。

于 2013-08-04T13:40:40.457 回答
1 
<script type="text/javascript">
    $(document).ready(function(){
        $('#button').illuminate({
            'intensity': '0.3',
            'color': '#98cb00',
            'blink': 'true',
            'blinkSpeed': '1200',
            'outerGlow': 'true',
            'outerGlowSize': '30px',
            'outerGlowColor': '#98cb00'
        });
       setTimeout(function() {
           $("#button").illuminateDie();
       }, 5000);
    });
</script>

正如您在插件的评论中看到的那样。你可能想检查一下。

于 2013-08-04T13:41:23.147 回答