Question

我正在尝试调整主要内容的背景，同时强调需要从右侧显示的侧边栏，因此我使用 dim-background jquery插件。我想在单击其触发器时为我的元素切换size = ...方法。它添加了一个带有.dimBackground()类的div，当我点击触发器时它只是叠加这个div，使一切变得更暗和更暗。

我希望能够在主要内容上方切换侧边栏和调光。如果可能的话，如果我点击边栏外面也可以切换它。

来自小提琴的示例代码：

dimbackground-curtain

没有提供此library的CDN，但是， Fiddle 描述了我的问题。

Answer 1

根据Usage指南，有.dimBackground方法。 .dimBackground似乎没有切换，因此您必须将状态存储在最后并根据状态调用.undim或var dimmed = false; $('.trigger').click(function() { var $sidebox = $('.sidebox'); //avoid searching the element twice if(dimmed){ $sidebox.removeClass('sidebox-open'); $sidebox.undim(); dimmed = false; } else { $sidebox.addClass('sidebox-open'); $sidebox.dimBackground({ darkness: 0.35 }); dimmed = true; } });并切换它。

示例：

$('.trigger').click(function() {
   $('.sidebox').toggleClass('sidebox-open');
   if($('.sidebox').attr('class') == "sidebox sidebox-open"){
       $('.sidebox').fadeTo( "slow" , 1);
   }
   else{
       $('.sidebox').fadeTo( "slow" , 0);
   }
   /*$('.sidebox').dimBackground({
      darkness: 0.35
      });*/
});

Answer 2

您可以尝试这一点并检查它是否为您提供了类似的功能：

src/projectname/core.cljc ; a default executable

cljc/projectname/lib1.cljc 
cljc/projectname/lib2.cljc ; cljc because I want to use from clojurescript too later

单击时切换.dimBackground（）方法

2 个答案: