javascript - 包含在框/表中的 jQuery.ripples

Question

https://github.com/sirxemic/jquery.ripples/

我玩过这个 ripples jQuery 插件，虽然我只是个新手，但我似乎找不到在特定区域(例如 a 或其他东西)内包含涟漪效果的方法 - 我只能得到它如果我将其设置为应用于网站的整个主体，它就会起作用。

我曾尝试将波纹控件编辑为不同的 css 类，但如果我将 $('body') 部分更改为其他任何内容，它就会中断。

$(document).ready(function() {
try {
    $('body').ripples({
        resolution: 512,
        dropRadius: 20, //px
        perturbance: 0.04,
    });
    $('main').ripples({
        resolution: 128,
        dropRadius: 10, //px
        perturbance: 0.04,
    });
}

有没有办法让这个插件只适用于页面的特定区域？谢谢。

Answer 1

如果您不提供您的代码，很难说出您的问题是什么..

无论如何，你读过插件代码的第一行了吗？

// RIPPLES CLASS DEFINITION
// =========================

var Ripples = function (el, options) {
    var that = this;

    this.$el = $(el);
    this.$el.addClass('jquery-ripples');

    // If this element doesn't have a background image, don't apply this effect to it
    var backgroundUrl = (/url\(["']?([^"']*)["']?\)/.exec(this.$el.css('background-image')));
    if (backgroundUrl == null) return;
    backgroundUrl = backgroundUrl[1];

那么，您使用的元素有背景图片吗？