2011-08-02 3 views
1

problème résolu, regardez à la fin de la questionJQuery - slides - pourquoi outerWidth() renvoie 0?

J'écris un simple glissement avec vue sur la liste. Il ressemble à ça:

<div id="slides" class="slides"> 
     <div class="slides_container"> 
      <asp:ListView runat="server" ID="questionnaireList" > 
       <LayoutTemplate> 
        <div id="itemPlaceholder" runat="server" > 
        </div> 
       </LayoutTemplate> 
       <ItemTemplate> 
        <div class="questionContent"> 
         <h1> 
          <%# Eval("Content") %> 
         </h1> 

         <div class="qDiv"> 
         </div> 
         <div class="qDiv"> 
         </div> 
         <div class="qDiv"> 
         </div> 
        </div> 
       </ItemTemplate> 
      </asp:ListView> 
     </div> 
    </div> 

Le problème est que les diapositives d'emballage plugin coulissant dans le conteneur de contrôle pour faire des diapositives sûres sont au niveau des blocs comme ça:

$('.' + option.container, $(this)).children().wrapAll('<div class="slides_control"/>'); 

     var elem = $(this), 
      control = $('.slides_control', elem), 
      total = control.children().size(), 
      width = control.children().outerWidth(), 
      height = control.children().outerHeight(), 
      start = option.start - 1, 
      effect = option.effect.indexOf(',') < 0 ? option.effect : option.effect.replace(' ', '').split(',')[0], 
      paginationEffect = option.effect.indexOf(',') < 0 ? effect : option.effect.replace(' ', '').split(',')[1], 
      next = 0, prev = 0, number = 0, current = 0, loaded = true, active, clicked, position, direction, imageParent, pauseTimeout, playInterval; 

Mais la largeur de cette « slides_control » est toujours 0 parce que outerWidth() renvoie ce résultat .. la question est: pourquoi ?! Je l'ai vu que quand parent est caché retourne 0 mais le mien n'est pas ..

EDIT: ok .. a trouvé le problème ... il y avait un parent avec disply: aucun quelqu'un d'autre a travaillé sur mon projet .. désolé pour celui-ci .. Merci!

+0

Il serait sans doute utile que vous pouvez donner le code html rendu et non le code .net. –

+0

Modifier avec html. – Adler

Répondre

0

Cela a fonctionné pour moi

var divw = $("#tab1-thumbsdiv").width(true); 
$("#tab1-topbar1").outerWidth(divw); 

divw obtient un objet pour tab1-thumbsdiv en mission outerWidth alors est une méthode de cet objet