Question

我实际上优化了我的网站，我有一些问题，彩盒巫婆让我打电话太多脚本

我实际上有这个

jQuery（'a.Miro1'）。colorbox（{innerWidth：900，innerHeight：800， iframe中：真}）; jQuery（'a.sofia1'）。colorbox（{innerWidth：900，innerHeight：800， iframe中：真}）; jQuery（'a.MP13'）。colorbox（{innerWidth：900，innerHeight：800， iframe中：真}）; jQuery的（ 'a.iframeLion'）颜色框（{innerWidth：900， innerHeight：800，iframe：true}）; jQuery（'a.ddopa1'）。colorbox（{innerWidth：900，innerHeight：800， iframe中：真}）; jQuery（'a.AppEnt1'）。colorbox（{innerWidth：900，innerHeight：800， iframe中：真}）; jQuery（'a.smg1'）。colorbox（{innerWidth：900，innerHeight：800， iframe中：真}）; jQuery（'a.almpn1'）。colorbox（{innerWidth：900，innerHeight：800， iframe中：真}）; 。jQuery的（ 'a.kickboxing1'）颜色框（{innerWidth：900， innerHeight：800，iframe：true}）; jQuery（'a.saw01'）。colorbox（{innerWidth：900，innerHeight：800， iframe中：真}）; 。jQuery的（ 'a.sanggene1'）颜色框（{innerWidth：900， innerHeight：800，iframe：true}）; jQuery（'a.Ucreed1'）。colorbox（{innerWidth：900，innerHeight：800， iframe中：真}）; jQuery（'a.dior1'）。colorbox（{innerWidth：900，innerHeight：800， iframe中：真}）; jQuery（'a.Client'）。colorbox（{innerWidth：900，innerHeight：800， iframe中：真}）;

我怎样才能将所有这些组合在一起？它们都有相同的参数，只是不同的链接

感谢

Answer 1

我怎样才能将所有这些组合在一起？他们都有相同的参数，只是不同的链接

什么参数？您可以为所有链接添加额外的class，然后使用：

jQuery('.cbox').colorbox({ innerWidth:900, innerHeight:800, iframe:true });

OR组选择器：

jQuery('a.Miro1, a.sofia1, a.MP13, a.iframeLion, a.ddopa1')
   .colorbox({ innerWidth:900, innerHeight:800, iframe:true });

Answer 2

试试这个：

jQuery('a.Miro1, a.sofia1, a.MP13, a.iframeLion, a.ddopa1, a.AppEnt1, a.AppEnt1, a.smg1, a.almpn1, a.kickboxing1, a.saw01, a.sanggene1, a.Ucreed1, a.dior1, a.Client').colorbox({
    innerWidth:900, 
    innerHeight:800, 
    iframe:true
});

或者我建议在所有colorbox元素中添加一个公共类，并且仅在一次性内完成。像：

jQuery('a.colorBoxElms').colorbox({
    innerWidth:900, 
    innerHeight:800, 
    iframe:true
});

Answer 3

只需查看未压缩的版本并更改js文件中的默认值，或预定义选项`

var cboxOptions = { innerWidth: 900, innerHeight:800, iframe:true } 
 jQuery('a.Miro1').colorbox(cboxOptions); 
 ...
 ...

或最好，因为我看到所有选项都是一些，所以为什么不

jQuery('a.Miro1,a.sofia1,....').colorbox({innerWidth:900, innerHeight:800, iframe:true});

或者只是为所有链接添加一个公共类，您确定知道可以为每个元素添加更多类...

<a class="Miro1 jqcbox">click me</a>
<a class="sofia1 jqcbox">click me</a>

..那么你只需要为 jQuery（'a.jqcbox'）调用colorbox 一次 .colorbox（...

将具有相同参数的多个颜色框分组

3 个答案: