2017-05-21 9 views
0

Ich benutze JQuery UI 1.12.1 und Bootstrap v3.3.7. Ich habe ein Popover-Formular, das Teil eines Dialogs ist, und alles ist funktional, außer dass der Benutzer keinen Text in das Popover-Formular eingeben kann. Wenn ich das Popover-Formular auf der "Hauptseite" anstelle des Dialogs verschiebe, funktioniert die Eingabe korrekt.Bootstrap-Popover-Formular im Jquery-Dialog

Dies ist der div, die in die popover verwandelt:

<div class="hide" id="owner-popover"> 
    <div id="owner-search-popover"> 
     <div class="row"> 
      <form class="form-inline" id="owner-search" name="owner-search"> 
       <label class="sr-only" for="ownerFirstNameSearch">First Name</label> 
       <input class="form-control mb-2 mr-sm-2 mb-sm-0" name="FirstName" placeholder="First Name" type="text"> 
       <label class="sr-only" for="ownerLastNameSearch">Last Name</label> 
       <input class="form-control mb-2 mr-sm-2 mb-sm-0" name="LastName" placeholder="Last Name" type="text"> 
       <button class="btn btn-primary" type="submit">Search</button> 
      </form> 
     </div> 
     <div class="row"> 
      <table class="table table-condensed" id="owner-search-results"> 
       <thead> 
        <tr> 
         <th>Name</th> 
         <th>Address</th> 
         <th></th> 
        </tr> 
       </thead> 
       <tbody></tbody> 
      </table> 
      <div class="row owner-search-paginate"></div> 
     </div> 
     <div class="row"> 
      <button class="col-xs-10 col-xs-offset-1 btn btn-primary bottomaligned" id="add-owner">Add Owner</button> 
     </div> 
    </div> 
</div> 

Bitte meinen Code auf jsfiddle sehen:

https://jsfiddle.net/surm2jkj/

Wie aktiviere ich meine popover Eingabetext auszunehmen?

Antwort

0

Ich konnte dies funktional machen, indem ich die modale Option des Dialogs auf false änderte.

$("#add-element-dialog").dialog({ 
    autoOpen: false, 
    modal: false, 
    height: 510, 
    width: 650, 
    resizable: false, 
    buttons: { 
    //OK: function() {$(this).dialog("close");} 
    }, 
}); 

https://jsfiddle.net/surm2jkj/1/

würde ich noch kann, um herauszufinden, wie wie dies ohne die Einstellung der modalen Option auf false erfolgen.

Verwandte Themen