javascript fonction agissant bizarrement

Question

hey les gars je ne peux pas obtenir une fonction de travail correctement, le point est de grimper sur les pareents jusqu'à ce que je reçois celui de déclencher l'action à bascule. Mais la fonction agissant bizarrement et quand la balise validée est trouvée, elle semble ne pas retourner vrai et compléter la manière récursive.

unction dock(e){ 
    if(e.get(0).tagName != "BODY"){ 
     alert("current : "+e.get(0).tagName) 
     e.siblings(".splitter-bar").each(function(){ 
      alert("found sibling : "+$(this).get(0).tagName) 

      if($(this).length > 0){ 
       e.parent().trigger('toggleDock') 
       alert("triggered parent : "+e.parent().get(0).tagName) 
       return true 
      }  
     }) 
     if (dock(e.parent())){ 
      alert("validated parent : "+e.parent().get(0).tagName) 
      return true 
     } 
     alert("end dock(), current : "+e.get(0).tagName) 
    } 
    return false 
} 

$(".dockme").live('click', function(event) { 
    a = dock($(this)) 
    alert("dock returned :"+a) 
}); 

l'ensemble du code:

/* when the page is loaded */ 

$ (document) .ready (function() {

$("body").splitter({ 
    splitVertical: true, 
    outline: true, 
    sizeLeft: 30, minLeft: 0, maxLeft: 100, 
    resizeToWidth: true, 
    anchorToWindow: true, 
    dock: "left", 
    dockSpeed: 200, 
    cookie: "docksplitter" 
}); 
$("#a").splitter({ 
    splitHorizontal: true, 
    outline: true, 
    sizeBottom: 30, minBottom: 0, maxBottom: 30, 
    dock: "bottom", 
    dockSpeed: 200, 
    cookie: "docksplitter" 
}); 
$("#b").splitter({ 
    splitVertical: true, 
    sizeRight: 320, minRight: 0, maxRight: 320, 
    dock: "right", 
    dockSpeed: 200, 
    cookie: "docksplitter" 
}); 

function dock(e){ 
    if(e.get(0).tagName != "BODY"){ 
     alert("current : "+e.get(0).tagName) 
     e.siblings(".splitter-bar").each(function(){ 
      alert("found sibling : "+$(this).get(0).tagName) 

      if($(this).length > 0){ 
       e.parent().trigger('toggleDock') 
       alert("triggered parent : "+e.parent().get(0).tagName) 
       return true 
      }  
     }) 
     if (dock(e.parent())){ 
      alert("validated parent : "+e.parent().get(0).tagName) 
      return true 
     } 
     alert("end dock(), current : "+e.get(0).tagName) 
    } 
    return false 
} 

$(".dockme").live('click', function(event) { 
    a = dock($(this)) 
    alert("dock returned :"+a) 
}); 

}); html: http://pastie.org/1329885

Answer 1

La fonction à l'intérieur e.siblings(...).each ne retourne pas true de dock.

Ainsi, au lieu de

e.siblings(".splitter-bar").each(function(){ 
     alert("found sibling : "+$(this).get(0).tagName) 

     if($(this).length > 0){ 
      e.parent().trigger('toggleDock') 
      alert("triggered parent : "+e.parent().get(0).tagName) 
      return true 
     }  
    }) 

Je pense que vous avez besoin de dire quelque chose comme:

var triggeredInSplitterBar = false; // ADDED 

    e.siblings(".splitter-bar").each(function(){ 
     alert("found sibling : "+$(this).get(0).tagName); 

     if($(this).length > 0){ 
      e.parent().trigger('toggleDock'); 
      alert("triggered parent : "+e.parent().get(0).tagName); 
      triggeredInSplitterBar = true; // CHANGED 
     } 
    }); 

    if (triggeredInSplitterBar) { return true; } // ADDED