如何让我的脚本使用数组?

时间:2012-11-27 15:02:08

标签: javascript

这个Javascript控制一个Monial Content框,其中前进和后退按钮向前或向后移动,但它只适用于2个DIV,如何使这个脚本与数组一起工作,这样我可以添加更多元素?

e.g。

当前脚本图

enter image description here

脚本代码

   $(document).ready(function(e) {
   showQuote();
   $(".left").click(function(e) {
      $("#monial_btn_1").trigger("click"); 
   });
   $(".right").click(function(e) {
      $("#monial_btn_2").trigger("click");
   });


   $("#monial_btn_1").click(function(e) {
       $(".monial_content_1").fadeIn("fast");
       $(".monial_content_2").fadeOut("fast");
       var obj=$(this);
       obj.removeClass();
       obj.addClass("monial_btn_selected");

       obj=$("#monial_btn_2");
       obj.removeClass();
       obj.addClass("monial_btn");
   });

   $("#monial_btn_2").click(function(e) {
       $(".monial_content_1").fadeOut("fast");
       $(".monial_content_2").fadeIn("fast");
       var obj=$(this);
       obj.removeClass();
       obj.addClass("monial_btn_selected");

       obj=$("#monial_btn_1");
       obj.removeClass();
       obj.addClass("monial_btn");
   });

1 个答案:

答案 0 :(得分:0)

var n = 10
for(i = 1; i < n; i++) {
   $("#monial_btn_" + i).click(function(e) {
       $(".monial_content_" + i).fadeIn("fast");
       $(".monial_content_" + (i + 1)).fadeOut("fast");
       var obj=$(this);
       obj.removeClass();
       obj.addClass("monial_btn_selected");

       obj=$("#monial_btn_" + (i + 1));
       obj.removeClass();
       obj.addClass("monial_btn");
   });
}