5回答

• 

  言长寸短

  2016-09-05 14:29:56

  (function(){
  
    var SideBar=function(eId,closeId){
  
     this.state="opened";
  
     this.el=document.getElementById(eId||'sideBar');
  
    
  
     this.closeBar=document.getElementById(closeId||'closeBar');
  
     var self=this;
  
     this.el.addEventListener('click',function(event){
  
      if (event.target !== self.el){
  
        self.triggerSwitch();     
  
      } 
  
     });
  
    };
  
    SideBar.prototype.triggerSwitch=function(){
  
     if (this.state==="opened") {
  
      this.close();     
  
      
  
     }else{
  
      this.open();
  
      
  
     }
  
    };
  
    SideBar.prototype.close=function(){
  
     this.state="closed";
  
    };
  
    SideBar.prototype.open=function(){
  
     this.state=="opened";
  
    };
  
    
  
    var sidebar=new SideBar();
  
    
  
   })();

  1 0

  夕颜egao

  你最好把你的代码放在window.onload里面或者最后，有可能是在js加载在id这个dom前了，这个时候的eId是undefined，所以这个时候用addeventlistener为null

  2017-02-21 18:15:37

  共 1 条回复 >

• 

  写代码的阿木木

  2016-08-28 10:22:33

  你把所有的都给我，给我一部分我也没法调
  

  0 0
• 

  写代码的阿木木

  2016-08-27 00:18:18

  if (this.state==="opened") {this.close（）;}else{this.open（）;}};

  方法要加括号 
  

  2 0

  言长寸短

  问题依旧存在

  2016-08-28 09:52:37

  共 2 条回复 >

• 

  言长寸短

  2016-08-26 16:30:27

  见图

  0 0
• 

  写代码的阿木木

  2016-08-26 15:51:58

  贴源码
  

  2 0

  言长寸短

  SideBar.prototype.triggerSwitch=function(){ if (this.state==="opened") {this.close;}else{this.open;}}; SideBar.prototype.close=function(){this.state="closed";}; SideBar.prototype.open=function(){this.state=="opened";}; var sidebar=new SideBar();

  2016-08-26 16:35:08

  共 2 条回复 >