Question

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

我愚弄了这个涟漪jQuery插件，虽然只是一个新手我似乎无法找到一种方法来控制特定区域内的涟漪效应（比如一个或某个东西） - 我如果我将其设置为应用于网站的整个主体，则只能使其工作。

我已经尝试将ripple控件编辑到不同的css类，但如果我将$（＆＃39; body＆＃39;）部分更改为其他任何内容，它会中断。

$(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];

那么，您使用背景图像的元素是什么？

包含在框/表中的jQuery.ripples

1 个答案: