Boîte de dialogue jqModal toujours en superposition

J'ai le code suivant, et je suis à bout de nerfs car la boîte de dialogue apparaît toujours sous la superposition. Tout conseil sera le plus apprécié:Boîte de dialogue jqModal toujours en superposition

<head runat="server"> 
    <title></title> 
    <link href="../Styles/jqModal.css" rel="stylesheet" type="text/css" /> 
    <style type="text/css"> 
     #shift-edit-popup 
     { 
      display: none; 
     } 
    </style> 
    <script src="../Scripts/jquery-1.4.2.js" type="text/javascript"></script> 
    <script src="../Scripts/jqModal.js" type="text/javascript"></script> 
    <script type="text/javascript"> 
     $(function() { 
      $("#shift-edit-popup").jqm({ 
       toTop: true 
      }).jqmAddTrigger("#show-button"); 
     }); 
    </script> 
</head> 
<body> 
    <form id="form" runat="server"> 
    <input id="show-button" type="button" value="Show" /> 
    <div id="shift-edit-popup"> 
     <div> 
      <asp:Label ID="resourceLabel" runat="server" AssociatedControlID="resourceList">Resource:</asp:Label> 
      <asp:DropDownList ID="resourceList" runat="server" DataTextField="Name" DataValueField="ResourceId" Width="120px"> 
      </asp:DropDownList> 
     </div> 
    </div> 
</body>

Source

2010-04-30 ProfK

D'après ce que j'ai vu et essayé, vous devez utiliser le inclus classe jqmWindow sur votre div dialogue et déposez le ceci:

<style type="text/css"> 
    #shift-edit-popup 
    { 
     display: none; 
    } 
</style>

votre code devrait ressembler à ceci:

<head runat="server"> 
    <title></title> 
    <link href="Scripts/jqModal.css" rel="stylesheet" type="text/css" /> 

    <script src="Scripts/jquery-1.4.2.js" type="text/javascript"></script> 
    <script src="Scripts/jqModal.js" type="text/javascript"></script> 
    <script type="text/javascript"> 
     $(function() { 
      $("#shift-edit-popup").jqm({ 
       toTop: true, 
       modal: true 
      }).jqmAddTrigger("#show-button"); 
     }); 
    </script> 
</head> 
<body> 
    <form id="form" runat="server"> 
    <input id="show-button" type="button" value="Show" /> 
    <div id="shift-edit-popup" class="jqmWindow"> 
     <div> 
      Resource: 
      <select><option value="1">One</option><option value="2">Two</option></select> 
     </div> 
    </div> 
</body>

(Vous avez juste besoin de changer le script et les références) accordinly css

Source

2010-05-04 16:07:18

Merci! C'était juste la réponse! – ProfK

Vérifiez les valeurs z-index de la superposition et de la boîte modale.

Source

2010-04-30 14:51:44 Pickle

J'ai essayé les valeurs z-index à la fois inférieures et supérieures à la superposition sans aucun effet. – ProfK

Peut-être que ce sera la lecture utile: Understanding z-index

Source

2010-05-04 02:16:12 josh3736

Merci, mais jqModal est censé prendre soin de l'index z sur ses éléments cibles. – ProfK

Je crois que vous devez définir la position du décalage edit-popup:

<style type="text/css"> 
    #shift-edit-popup 
    { 
     display: none; 
     position : relative; 
    } 
</style>

Source

2010-05-04 14:07:58 Pavlo

+1. Je crois que vous avez la réponse! –

Quelle version de jqModal.js utilisez-vous? La dernière version officielle de http://dev.iceburg.net/jquery/jqModal/ n'est pas compatible avec jQuery 1.4.x (voir http://forum.jquery.com/topic/jqdnr-dragging-problem-with-jquery-1-4 et http://www.trirand.com/blog/?page_id=393/bugs/jqgrid-jquery-1-4/).

Si dans votre version "$()" existe à l'intérieur de jqModal.js, il doit être remplacé par "$ (document)". Vous pouvez également télécharger la version corrigée dans le package jqGrid: http://www.trirand.com/blog/?page_id=6.

Source

2010-05-06 15:54:51 Oleg

Ah, oui, j'ai la dernière version, et jQuery 1.4.2. Merci, je vais suivre vos liens demain. – ProfK

J'ai rencontré un problème comme celui-ci il n'y a pas longtemps. Essayez de changer le DOCTYPE à ceci:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Source

2010-05-07 01:16:19 Superdumbell

Boîte de dialogue jqModal toujours en superposition

Répondre

Questions connexes