2009-09-14 7 views
0

Je suis assez nouveau et a obtenu un problème suivant ...En utilisant l'accordéon et « sexy combo » plug-in

cas:

Nous avons obtenu un accordéon et dans ce accordéon nous avons eu un sexy-combo-box

<html> 
<head> 
    <link type="text/css" href="http://jqueryui.com/latest/themes/base/ui.all.css" rel="stylesheet" /> 

    <script src="http://code.jquery.com/jquery-latest.js"></script> 

    <script type="text/javascript" src="../../../../Library/WebServer/Documents/sexy-combo/lib/jquery.sexy-combo-2.1.2.min.js"></script> 
    <script type="text/javascript" src="../../../../Library/WebServer/Documents/sexy-combo/examples/usage.js"></script> 
    <script type="text/javascript" src="../../../../Library/WebServer/Documents/sexy-combo/jquery.autogrow.js"></script> 
    <script type="text/javascript" src="../../../../Library/WebServer/Documents/sexy-combo/lib/jquery-1.3.2.min.js"></script> 
    <script type="text/javascript" src="../../../../Library/WebServer/Documents/sexy-combo/lib/jquery.bgiframe.min.js"></script> 
    <script type="text/javascript" src="../../../../Library/WebServer/Documents/sexy-combo/development-bundle/ui/ui.core.js"></script> 
    <script type="text/javascript" src="../../../../Library/WebServer/Documents/sexy-combo/development-bundle/ui/ui.accordion.js"></script> 

    <link rel="stylesheet" type="text/css" href="../../../../Library/WebServer/Documents/sexy-combo/lib/sexy-combo.css" /> 
    <link rel="stylesheet" type="text/css" href="../../../../Library/WebServer/Documents/sexy-combo/skins/sexy/sexy.css" /> 

<script type="text/javascript"> 

    $(document).ready(function(){ 
    $("#accordion").accordion(); 
    $("#basic-combo").sexyCombo(); 
    }); 
    </script> 


</head> 
<body style="font-size:62.5%;"> 

<div id="accordion"> 
    <h3><a href="#">Form A</a></h3> 
    <div> 
     <p>Please fill out the following:</p> 
     <p>1. What cookies do you like?</p> 
     <p><select id="basic-combo" name="resObj" size="2"> 
      <option>jelly</option> 
      <option>biscuit</option> 
      <option>chocolate</option> 
      </select> 
     </p> 
     <p>2. What ice cream do you like?</p> 
     <p><select id="empty-combo" name="sort" size="2"> 
      <option>strawberry</option> 
      <option>chocolate</option> 
      <option>vanilla</option> 
      </select></p> 
     <p>3. please tell us, how did you get attention to this site?</p> 
     <p> 
     <textarea style="width: 400px; height: 84px; min-height: 80px;" class="expanding" name="myTextarea"></textarea> 
     </p> 
    </div> 

<h3><a href="#">Form B</a></h3> 
    <div> 
     <p>4. Please tell us the minimum and max amount of chocolate that you eat:</p> 
     <p>min 
      <input name="minConsump" type="text" id="start" size="5" /> 
      max 
      <input name="maxConsump" type="text" id="finish" size="5" /> 
      required time (in minutes) that you take to eat the amount 
      <input name="reqTime" type="text" id="time" size="5" /> 

     </p> 
    </div> 
</body> 
</html> 

problème: - accordéon fonctionne très bien, mais combo sexy ne pas, vous pouvez simplement voir la sélection boîte « normale »

déjà essayé/étrange phénomène: - suppression de $ ("# accordéon"). Accordéion(); provoque ce combo sexy fonctionne

raison possible: - accordéon commence avant le sexy objet combo ... après tout l'objet combo sexy n'est pas chargé ou une sorte de « caché » par l'objet d'accordéon

-t Quelqu'un a une idée de ce que la raison de ce comportement pourrait être? ou comment le réparer? Après avoir lu quelques sujets ici, j'ai trouvé smth. comme un plugin jQuery live, et que j'ai peut-être besoin de ce plugin pour le gérer, quand l'accordéon est chargé, le plugin sexy-combo se charge aussi.

meilleures salutations

leejin

+0

Désolé si c'est une douleur, mais j'ai utilisé sexy-combo dans un projet récemment et ce n'est pas tout ce qu'il est craqué d'être ... Il ne fait pas les choses que vous attendez d'une liste déroulante. Quelqu'un dans mon équipe a trouvé une meilleure alternative (bien qu'il soit trop tard pour nous ...) que je cherche à vous montrer mais que je ne trouve pas. Au pire, il est à demain si vous êtes intéressé et pouvez y rester jusqu'à ce moment-là? – daddywoodland

+0

a trouvé ... http://www.dhtmlx.com/docs/products/dhtmlxCombo/index.shtml – daddywoodland

Répondre

0

Je trouve un problème similaire lors de l'utilisation de la sexyCombo dans une boîte de dialogue, il serait bon de vérifier si le même problème existe lors de l'utilisation avec un accordéon. Après avoir examiné le balisage, j'ai réalisé que la hauteur de la liste était mise à 0 lorsque le combo était affiché dans la boîte de dialogue.

J'ai ajouté un hack sale à ma copie locale de sexyCombo. Vérifiez la ligne 194 (ish) du Javascript:

this.singleItemHeight = this.listItems.outerHeight(); Pour une raison quelconque, outerHeight() renvoie 0, donc j'ai simplement ajouté une vérification pour voir si singleItemHeight était 0 et si c'est le cas, mettez-la à une valeur raisonnable.

Questions connexes