2

このJavascriptは、前後に移動するための進むボタンと戻るボタンを備えたMonial Contentボックスを制御しますが、2 DIVでのみ機能します。このスクリプトを配列で機能させて、要素を追加するにはどうすればよいですか？

例えば

現在のスクリプト図

ここに画像の説明を入力してください

スクリプトコード

   $(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");
   });
4

1 に答える 1

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");
   });
}
于 2012-11-27T15:05:56.497 に答える